有关formData上传文件时遇到的问题

一、正常上传文件的步骤。

  1.设置表单form属性:enctype="multipart/form-data"

  2.js代码:

    

    var file = document.getElementById("file2");
    var fileList = file.files; //获取的文件数组

  1. function uploadFile(obj){//这是我的方法
  2. var form=document.getElementById('record'); //record是form的id
  3. var formData = new FormData(form);//将form放入formdata中
  4. for(var i=0;i<fileArr.length;i++){//这两个是我的要上传的文件数组
  5. //将数组中的file放入,传到后台
  6. formData.append("picfile",fileArr[i]);
  7. }
  8. for(var i=0;i<otherFile.length;i++){
  9. //将数组中的file放入,传到后台
  10. formData.append("otherfile",otherFile[i]);
  11. }
  12. $.ajax({
  13. dataType : "json",
  14. url : "/service/record/ajaxUploadUpdate",
  15. method : "post",
  16. data :formData,
  17. // 告诉jQuery不要去处理发送的数据
  18. processData : false,
  19. // 告诉jQuery不要去设置Content-Type请求头
  20. contentType : false,
  21. success : function(data){
  22. //成功之后的操作
  23. },
  24. error:function(){
  25. obj.disabled=false;
  26. }
  27. })
  28. }

  3.我的后台参数列表

  

@RequestMapping(value = "upload", method = RequestMethod.POST)
@ResponseBody
public String upload(@RequestParam("picFile") MultipartFile picFile,@RequestParam("otherfile") MultipartFile otherfile,
@ModelAttribute("form") EvaluationReportForm form)'

  picFile,otherfile这两个参数是我用来接收文件数组的。后面一个是用来接收其他的参数

二、我遇到的问题

  在选择文件的情况下,一切ok,没什么问题。

  但是在我修改的时候,没有选择文件的情况下,直接404,报错。

三、解决方法

  我也是在网上看到别人的文章试了下,可以。

  获取文件数组的方式,不要通过参数列表获取,换一种通过request的方式来,代码如下:

  

  MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;//这个request是HttpServletRequest request
  List<MultipartFile> picfile=multipartRequest.getFiles("picfile");
  List<MultipartFile> otherfile=multipartRequest.getFiles("otherfile");

  这样就解决问题了。

 

posted on 2018-01-24 12:05  折梅留香  阅读(4052)  评论(0编辑  收藏  举报

导航