栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

HTML5 AJAX多个文件上传

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

HTML5 AJAX多个文件上传

这行在对象FormData之后是什么意思?

fd.append("file", document.getElementById('file').files[0]);

document.getElementById('file')
得到
<input type="file"id="file">
由它的ID元件。该
element.files[0]
抓住从元件中的第一选择的文件。将
fd.append("file",file)
其追加到
FormData
与字段名的实例
file
。在
fd
稍后要被发送作为
multipart/form-data
XHR请求体。


为什么在那里需要ID?我能做些什么使用jQuery

append()
$('input[type=file]')

该ID不是必需的。毕竟,这只是一个示例,以便能够

<inputtype="file">
通过其ID从文档中获取。需要注意的是,
append()
在这个例子中的功能是一部分的
FormData
API,而不是与jQuery的混淆
append()
功能。另请注意,的第一个参数
append()
表示字段名称,而不是ID。它们相同只是一个巧合。


此ajax仅用于单个文件上传,如何更改多个文件上传?

只需将多个字段附加到

FormData
。假设您有
File[]
,这是一个示例:

for (var i = 0; i < files.length; i++) {     fd.append("file" + i, files[i]);}

它会通过字段名是在服务器端可用

file0
file1
等等。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/440372.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号