var xhr = new XMLHttpRequest(), //使用xhr对象异步上传
textData = $form.find(':text').val(),
fileData = $form.find(':file')[0].files[0], //获取文件对象
formData = new FormData(); //也可以使用form元素初始化new FormData($form[0]);
formData.append('json', textData);
formData.append('file', fileData);
xhr.open('post', url, true);
xhr.onload = function () { //上传完毕事件
success.call(xhr, eval('(' + xhr.responseText + ')'));
};
xhr.send(formData);
[JavaScript] 使用FormData异步上传文件
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 1.项目中需要图片的异步上传,度娘之后发现有一个插件可以完成这个需求,即是:Uploadify 下面是这个异步上传...
- 前言: 在项目开发中用到了异步文件上传,并返回文件上传的状态,由于之前使用的是form表单进行文件的上传,不能实现...
- 原理:(1)表单上传原理 为form表单添加属性enctype="multipart/form-data",选择文...
- 背景描述 有这么一个需求:一个表单,有十几个input,一个文件上传的input,可以上传一张图片。 要求上传图片...