AJAX 上传文件的注意事项

周大胖子

1.   // 异步ajax 回调
   
2.         function doOneUp(lm_file,date)
   
3.         {
   
4. 
   
5.             var formData = new FormData();
   
6.             // 收文日期
   
7.                         formData.append('file',lm_file);   
   
8.             
   
9.                         $.ajax({
   
10.                 url: indexUrl+"trademarks/pdfs",
    
11.                 // url: 'http://localhost/public/index.php/home/te/t',
    
12.                                 type: "POST",
    
13.                                 data: formData,
    
14.                                 /**
    
15.                                 *必须false才会自动加上正确的Content-Type
    
16.                                 */
    
17.                 contentType: false,
    
18.                 // headers:{'Content-Type':'application/json;charset=utf8',token : jwt},
    
19.                 beforeSend:function(request){        //请求动画
    
20.                     request.setRequestHeader('token',jwt)
    
21.                 },
    
22.                                 /**
    
23.                                 * 必须false才会避开jQuery对 formdata 的默认处理
    
24.                                 * XMLHttpRequest会对 formdata 进行正确的处理
    
25.                                 */
    
26.                                 processData: false,
    
27.                                 success: function (res) {
    
28.                     
    
29.                     console.log(res)
    
30.                     doAllUp()
    
31.                                 },
    
32.                                 error: function () {
    
33.                                         alert("上传失败！");
    
34. 
    
35.                                 }
    
36.                         });       
    
37.         }

复制代码

这就很有意思的一个坑【上述代码是正确的】

坑点现象|： 利用ajax 发送文件 ，如果加上请求头【单指在head 中添加token 】，则后台接收不到form-data 的文件
而换成 beforeSend:function(request){        
    request.setRequestHeader('token',jwt)
},
却可以。理由比较有意思 ；是因为 传输文件所使用的http 协议不一样