有關formData上傳文件時遇到的問題

1、正常上傳文件的步驟。ajax

  1.設置表單form屬性:enctype="multipart/form-data"json

  2.js代碼:數組

    

    var file = document.getElementById("file2");
    var fileList = file.files; //獲取的文件數組app

  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.個人後臺參數列表post

  

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

  picFile,otherfile這兩個參數是我用來接收文件數組的。後面一個是用來接收其餘的參數url

2、我遇到的問題orm

  在選擇文件的狀況下,一切ok,沒什麼問題。ip

  可是在我修改的時候,沒有選擇文件的狀況下,直接404,報錯。get

3、解決方法

  我也是在網上看到別人的文章試了下,能夠。

  獲取文件數組的方式,不要經過參數列表獲取,換一種經過request的方式來,代碼以下:

  

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

  這樣就解決問題了。

相關文章
相關標籤/搜索