将文件拖放到 dropzone (HTML5) - 以填充隐藏的文件输入字段
我发现大量 jQuery 插件允许用户将文件拖放到“dropzone”上，并将文件添加到上传队列中或立即上传。
但是，我希望允许我的用户将图像拖到放置区并填充 。
这已经存在了吗？如果没有，我将如何创建它？
非常感谢，
安迪
I have found loads of jQuery plugins to allow a user to drag and drop a file onto a "dropzone" and add the file to an upload queue or immediately upload it.
However, I would like to allow my users to drag an image onto a dropzone and have that populate an <input type="file">.
Does this exist already? If not, how would I go about creating it?
Many thanks,
Andy
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
HTML5 拖放文件字段
这是最终的工作结果，我设置了将普通上传字段设置为 opacity : 0 并在鼠标位于可见 dropZone div 上方时通过 'dragover' 事件将其放置在鼠标下方。
“dragover”克服了浏览器窗口失焦的问题，并提供了 .pageX 和 .pageY，然后我将它们绑定到不可见文件字段的 .top 和 .left。
HTML5 drag and drop file field
Here is what ended up working, I set the vanilla upload field to opacity : 0 and positioned it under the mouse when the mouse is over the visible dropZone div, via the 'dragover' event.
'dragover' overcomes the problem with the browser window being out of focus, and provides .pageX and .pageY which I then bound to the invisible file field's .top and .left.