JS - 填写表格时上传文件

【问题标题】：HTML/PHP/JS - Upload File while filling FormHTML/PHP/JS - 填写表格时上传文件
【发布时间】：2013-06-24 15:11:00
【问题描述】：

我有一个带有照片上传输入的表单。我希望在提交表单之前先上传图片以加快提交速度。

表单应该能够上传多个文件，并且应该显示进度条 + 预览。

我该怎么做？

MetinKale38

【问题讨论】：

这其实很复杂。我花了整整一周的时间来开发一些东西。 fineuploader.com 效果很好，有一些基本的 php 示例可以帮助您入门。
看起来很简单，但是fineuploader不是免费的
@metinkale38 它是开源的（在 Github 上）并默认在 GPL v3 下获得许可。因此，如果 GPL v3 适合您，它是免费的。

标签： php javascript html file upload

【解决方案1】：

您现在可以在 HTML5 中使用带有多部分表单和文件元素的 XMLHttpRequest 轻松完成此操作。 XMLHttpRequest 现在支持您可以在 Javascript 代码中处理的进度事件。这是一篇优秀文章的链接，其中包含详细信息和代码示例http://www.matlus.com/html5-file-upload-with-progress。

请注意，您的 PHP 代码仍必须独立处理每个文件，但这对您的 JavaScript 是透明的 - 它只会向服务器发送多个帖子。

【讨论】：

好像是唯一不用服务器端修改的方法吧？
我不知道它是否是 only 方法，但是这种方法可以在 PHP 中没有任何特殊的 mods 或包的情况下工作。我已经用它来替换以前只支持单个文件并且能够使用 PHP 代码不变的实现。