在提交表单时拖放要上载的文件

Question

我正在尝试实现拖放文件选择，以便在提交表单后同步上传文件。我知道常规文件上传如何与HTML和PHP一起使用。我希望能够处理PHP中的文件以及$ _FILES数组中的文件。

我做了一些研究并查看了几个插件，但几乎所有这些插件都会在文件被放入窗口后上传或不使用传统的html表单。

任何形式的帮助，如想法，片段或插件都将不胜感激。

谢谢！

Answer 1

见下面的网址我觉得这对你很有帮助。

使用jQuery进行HTML5文件上传

http://tutorialzine.com/2011/09/html5-file-upload-jquery-php/

jQuery文件上传插件，支持拖放支持

http://www.webresourcesdepot.com/jquery-file-upload-plugin-with-drag-n-drop-support/

Answer 2

出于安全原因，无法通过JavaScript设置文件输入的files属性。请参阅this jsfiddle。

因此，您无法通过拖放选择文件输入文件，您必须通过单击“浏览文件”按钮直接通过文件输入选择文件。

您可以做的是为表单实现onUpload方法，在用户单击提交按钮时通过AJAX上传文件。然后，当上传完成后，您将提交包含其他数据的表单。

请参阅this fiddle，了解如何通过AJAX上传文件。代码具有拖放处理功能，并将二进制文件转换为BASE64。您需要通过发布数据来创建AJAX位。要检查文件是否已完成，请创建一个使用setInterval调用的函数，以检查是否已完成所有上载。

干杯， 载脂蛋白C