JS formData

Posted stay hungry stay foolish

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS formData相关的知识,希望对你有一定的参考价值。

 

有时候,我们需要使用formData来上传文件,并根据反馈的结果做不同的处理, 这个时候使用form来提交文件不方便

 

#perform 获取的的上传文件所用的input标签


var formData = new FormData();
var file = $("#perform")[0].files[0];
console.log(‘file:‘+file);
formData.append("perform",file);


$.ajax({ url: url, type: "POST", data: formData, contentType: false, processData: false, success: function(result){ if(result==true){ alert(‘上传成功‘); window.location.reload(); }else{ alert(result); } }, error: function(){ alert(‘上传失败‘); } });

 

 

contentType  不设置Content-type请求头

processData 不处理发送的数据,因为data值是Formdata对象,不需要对数据做处理

 





以上是关于JS formData的主要内容,如果未能解决你的问题,请参考以下文章

JS:带文件输入的 FormData 导致 Ajax 请求崩溃

js实现大文件分片上传的方法

js实现大文件分片上传的方法

后台怎么取得js中new formdata封装的数据

为啥 PHP 无法从 Js FormData fetch 中获取 $_POST 数据?

JS文件上传代码