前台页面

<form action="/uploader/upload/uploadFiles" method="post" enctype="multipart/form-data">
<input type="file"size="30" name="uploadify"multiple="true"
id="files" />
   <button id="uploadFiles">上传文件</button>
   <input type="hidden" id="username"name="username" /> 
<input type="hidden" id="directory" name="directory"/>
</form>

解释说明
action中的地址为我后台接受文件的地址
因为上传文件，所以enctype="multipart/form-data"是必须的
同时选择多个文件上传，不使用各种控件的话，把multiple设置为"true"即可。
另外，上传文件input中的name属性很重要，后台获取文件会用到的。

 

下面上后台代码，username和directory可以在参数中直接获取

@RequestMapping(value = "/uploadFiles", method = RequestMethod.POST, consumes = "multipart/*")
   publicvoid uploadFilesFromHtml(
@RequestParam(defaultValue = "") String username,
@RequestParam(defaultValue = "") String directory,
MultipartHttpServletRequest request)
   throws FileUploadException,IOException {
      MultiValueMap<String,MultipartFile> map = request.getMultiFileMap();// 为了获取文件，这个类是必须的
      List<MultipartFile> list = map.get("uploadify");// 获取到文件的列表
      Stringpath= getFilePath(username,directory); //忽略掉，为文件最终上传的地址
      List<String>filenameList= newArrayList<>();//
      // 将图片进行存储
      for (MultipartFile mFile : list) {
         StringoriginalFileName= mFile.getOriginalFilename();//获取文件名称
         filenameList.add(originalFileName);
         byte[] bytes = mFile.getBytes();//获取字节数组
         StringfilePath= path+ File.separator+ originalFileName;
         FileOutputStreamfos= newFileOutputStream(newFile(filePath)); //写出到文件
         fos.write(bytes);
         fos.flush();
         fos.close();
      }
   }