HTML5 input标签上传多个图片后台JAVA如何接收

QQ408657544 2013-11-28 09:55:03

前台:

<input id="fileImage" name="images" type="file" size="30" multiple />

后台:

private List<File> images;

      System.out.println("images size: "+images.size());

前端我能看到多个文件，但是一提交后台只能接收到一个呢

...全文

6117 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

qq_35942223 2016-08-23

打赏
举报

楼主会了么，我还是获取不了，求教

JoeyLin1990 2016-05-30

打赏
举报

LS是对的已测试成功，思路就是获取多个文件信息后手动组装formData，然后再往后台传


<script type="text/javascript">
   function uploadFile() {
     if (window.File && window.FileList) {
      var fd = new FormData();
      var files = document.getElementById('fileToUpload').files;
      for (var i = 0; i < files.length; i++) {  
        fd.append("file"+i, files[i]);
      }
      var xhr = new XMLHttpRequest();
      xhr.open("POST", document.getElementById('uploadForm').action);
      xhr.send(fd);
    } else {
      document.getElementById('uploadForm').submit();   //no html5
    }
}
</script>

<form id="uploadForm" enctype="multipart/form-data" method="post"
        action=<%=blobstoreService.createUploadUrl("/upload") %>">
   <input type="file" name="fileToUpload" id="fileToUpload" multiple />
   <input type="button" onclick="uploadFile();" value="Upload" />
</form>