天天看点

jQuery-文件上传问题解决

后端要求文件上传需传参数为二进制流,用form-data方式传递,如下图所示:

jQuery-文件上传问题解决
jQuery-文件上传问题解决

 为了满足该输入参数要求,上传代码如下:

1 <input type="file" id="file" accept="image/*" capture='camera' multiple>      
1 $('#file').change(function(){
 2     var formData = new FormData();
 3     formData.append('file', $('#file')[0].files[0])
 4     formData.append('fileName','fileName.png')    
 5 
 6     $.ajax({
 7         type: 'POST',
 8         url: base + '/common/image/uploadImage',
 9         data:formData,
10         cache: false,
11         processData: false,
12         contentType: false,
13         success: function(data){
14             
15         },
16         error: function(data){
17             
18         },
19         dataType: "json",
20     })
21 })      

需要注意以下几点:

1新建一个FormData,然后append上key和value,包括文件内容和文件名。