HTML5 FormData对象 的上传文件的使用

web 前沿—HTML5 FormData对象

今天做任务的时候需要写一下js 异步上传文件 然后认识了一个FormData对象

FormData对象的优点是可以异步上传二进制文件。,比如要实现如下:

type="files" id="textfiled" multiple="multiple"/>//multiple实现文件多选上传的意思

然后需要点击上传文件,传到后台
下面用到FormData对象,代码如下:

var files = document.getElementById("textfiled");//获取id
var oMyform = new Formdata();//新建一个Formdata对象
oMyform.append("files",files.files);//“files”是后台的存文件的文件变量(问后台),files.files,就是获取文件数组的对象。
var oReq = new XMLHttpRequest();//新建一个异步对象。
oReq.open("POST","yowosoft/user/XXX",true);//然后客户端异步处理请求,第一次握手。
oReq.send(oMyform);//把这个创的异步对象发送出去。

FormData对象利用append方法可以把传输的数字或者字符自动转换为字符串。支持IE10+的浏览器。

除了上传文件,还可以用HTML表单来初始化一个FormData对象。更多详情参阅:梦想天空的博客和
博客formData有关

你可能感兴趣的:(浅谈前端学习)