jQuery-文件上传问题解决

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

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

 <input type="file" id="file" accept="image/*" capture='camera' multiple>

 $('#file').change(function(){

     var formData = new FormData();

     formData.append('file', $('#file')[0].files[0])

     formData.append('fileName','fileName.png')    

     $.ajax({

         type: 'POST',

         url: base + '/common/image/uploadImage',

         data:formData,

         cache: false,

         processData: false,

         contentType: false,

         success: function(data){

         },

         error: function(data){

         },

         dataType: "json",

     })

 })

需要注意以下几点：

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

2.contentType和processData需为false,因为FormData已经表明了contentType为form-data，无需再次设置，且无需对数据做处理。

3.cache需为false，上传文件不需要缓存，可去掉，不影响。

巴特西

jQuery-文件上传问题解决

最新文章

热门文章