Javascript Ajax请求正确循环,但不发送到服务器以获取更多文件。仅在阵列中保存一个文件
我有一个ajax请求,它正在工作,因为我能够看到文件的数量、文件名和循环。我正在尝试将这些文件保存到计算机上的本地文件夹中。我有一个@RequestParam用于两个变量,一个数字字符串和一个数组。它似乎适用于一个文件,但不保存下一个文件。有人知道为什么吗Javascript Ajax请求正确循环,但不发送到服务器以获取更多文件。仅在阵列中保存一个文件,javascript,java,jquery,ajax,serverside-javascript,Javascript,Java,Jquery,Ajax,Serverside Javascript,我有一个ajax请求,它正在工作,因为我能够看到文件的数量、文件名和循环。我正在尝试将这些文件保存到计算机上的本地文件夹中。我有一个@RequestParam用于两个变量,一个数字字符串和一个数组。它似乎适用于一个文件,但不保存下一个文件。有人知道为什么吗 function makeProgress(number){ var url = getRelativeURL("web/fileUpload"); var formData = new
function makeProgress(number){
var url = getRelativeURL("web/fileUpload");
var formData = new FormData();
formData.append('number', number);
fls = document.getElementById("attachmentFileUploadInput").files; //number of files...
console.log(fls);
for(j=0;j<fls.length;j++){
formData.append('files[]', fls[j]); //note files[] not files
$.ajax({
url : url,
data : formData,
processData : false,
contentType: false,
type : 'POST',
success : function(data) {
FileUploadVisible(true);
$('#attachmentModal').modal('hide')
$(':input','#attachmentModal').val("");
$("#pbarmain").hide();
$("#pbar").hide();
$("#actionPlanDiv").hide();
setObjectEnabled('#Upload',false);
},
error : function(err) {
FileUploadErrorVisible(true);
}
});
console.log('loop each file working');
}
console.log("form data " + formData);
}
返回上传的文件;这打破了循环。
如果希望循环完全运行,则需要在循环结束后放置return。是否有任何错误?我没有任何错误。只是不保存数组中的第二个文件。如果我上载5个文件,它仍然只保存第一个文件。您是否正在获取logger.info您已成功上载“+file.getOriginalFilename+”;这个日志被打印了5次?在控制台中,我得到了两次循环打印,所以我知道ajax请求被打印了两次。我认为它不会解析到服务器端的数组中。如果有道理的话?我想你的文件被覆盖了。因此,它每次都将内容写入同一个文件。
private static String UPLOADED_FOLDER = "C://temp//";
@RequestMapping(value = { "/fileUpload" }, method = RequestMethod.POST)
@ResponseBody
public String uploadFile( @RequestParam("number") String number, @RequestParam("files[]") MultipartFile[] files, MultipartHttpServletRequest req, HttpServletResponse res)
{
for (MultipartFile file : files) {
try {
File directory = new File(UPLOADED_FOLDER + number);
if (! directory.exists()){
directory.mkdir();
}
byte[] bytes = file.getBytes();
Path path = Paths.get(UPLOADED_FOLDER + number + "//" + file.getOriginalFilename());
Files.write(path, bytes);
logger.info("You have successfully uploaded '" + file.getOriginalFilename() + "'");
return("File Uploaded");
} catch (Exception e) {
res.setStatus(HttpServletResponse.SC_INTERNAL_SERVER_ERROR);
logger.error("Failed to upload file '" + file.getOriginalFilename() + "'", e);
return("File Not Uploaded");
}
}
return "redirect:/fileUpload";
}
}