javascript - HTML5 : Display images dropped in dropzone in img tag

Question

我目前正在设计一个小网页，让您可以使用 HTML5 中的拖放区将 png 文件上传到 ftp 服务器。当用户确实将有效图像放入拖放区时，我想在 <img ... /> 中显示图像标签。我得到了 dropzone 的 javascript 代码，并尝试使用 MYPICTUREID.src = file.name; 更改 src 属性。 .这是行不通的，因为 file.name 只为您提供名称，而不是整个路径。据我了解，由于安全限制，您无法获取用户设备上本地文件的路径。为用户创建预览的最佳方式是什么？

Answer 1

我找到了解决问题的简单方法:

使用 _URL.createObjectURL(file) 您可以为上传的文件生成路径。

这实际上只有两行:

var _URL = window.URL || window.webkitURL;
_URL.createObjectURL(file);