HTML5 使用 AJAX 上传多个文件?

Posted

技术标签:

【中文标题】HTML5 使用 AJAX 上传多个文件?【英文标题】:HTML5 Multiple files upload using AJAX? 【发布时间】:2011-02-07 09:06:18 【问题描述】:

我正在尝试使用 html 5 实现文件上传功能。现在,如果我要上传多个文件,则有以下两个选项。

单个请求:使用单个 AJAX 请求我上传所有 5 个文件。类似于多部分编码的东西。

|HTTP1Start-file1-file2-file3-file4-file5-HTTP1End|

多重请求:对于每个单独的文件,我都会提出新的 AJAX 请求。

|HTTP1Start-file1-HTTP1End|

|HTTP2Start-file2-HTTP2End|

|HTTP3Start-file3-HTTP3End|

|HTTP4Start-file4-HTTP4End|

|HTTP5Start-file5-HTTP5End|

我的理解是选项二会更好,也会提高上传性能。

请让我知道这是否正确。如果有任何需要注意的问题,也请告诉我。

【问题讨论】:

【参考方案1】:

您需要注意的主要事项是,并非所有浏览器都支持在单个请求中上传多个文件。因此,后一种方法是唯一适用于所有浏览器的方法。

【讨论】:

正确。但是多个 AJAX 请求是否会比单个整体请求提供更快的上传速度等优势?

以上是关于HTML5 使用 AJAX 上传多个文件?的主要内容,如果未能解决你的问题,请参考以下文章

AJAX文件上传实践与分析,带HTML5文件上传API。

将大文件切成块并使用 ajax 和 html5 FileReader 上传

基于HTML5的可预览多图片Ajax上传

jquery文件上传控件 Uploadify

基于HTML5的可预览多图片Ajax上传(转)

jquery文件上传控件 Uploadify