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

javascript - HTML5:显示在img标签中放置在dropzone中的图像-LMLPHP

最佳答案

我找到了解决该问题的简单方法:
使用_URL.createObjectURL(file)您可以为上载的文件生成路径。
那实际上只是两行:

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

关于javascript - HTML5:显示在img标签中放置在dropzone中的图像,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/38529968/

10-13 02:22