将文件拖放到dropzone（HTML5） - 填充隐藏文件输入字段

Question

我找到了大量的jQuery插件，允许用户将文件拖放到“dropzone”上，然后将文件添加到上传队列或立即上传。

但是，我想允许我的用户将图片拖到dropzone上并填充<input type="file">。

这已经存在吗？如果没有，我将如何创建它？

非常感谢，

安迪

Answer 1

HTML5 drag and drop file field

以下是最终工作的内容，我将香草上传字段设置为不透明度：0，当鼠标位于可见的dropZone div上时，通过“dragover”事件将其置于鼠标下方。

'dragover'克服了浏览器窗口失焦的问题，并提供了.pageX和.pageY，然后我将其绑定到不可见文件字段的.top和.left。