ajax 文件上传 通过BLOB和FORM

现在大家在运用ajax的时候，经常没有放置到form表单里，但是前后端交互还是需要form表单提交的

那么这类问题怎么解决那  今天 就来看看思路

首先 创建一个新的formData 

var formdata = new FormData()

之后再追加进去数据

 formdata.append("hsCodes",imageInfo.hsCodes)

类似于key value的格式

 

当然 也可以传递文件

// HTML 文件类型input，由用户选择
formData.append("userfile", fileInputElement.files[0]);

// JavaScript file-like 对象
var content = '<a id="a"><b id="b">hey!</b></a>'; // 新文件的正文...
var blob = new Blob([content], { type: "text/xml"});

formData.append("webmasterfile", blob);

这样 再把formData 传递进去 就可以使用form表单提交了 即使你没有form表单 

 

是不是很神奇那