是否可以将图像读入带有input =“file”的img标签？

Question

我最近一直在尝试用PHP和jQuery等文件上传，我想知道用户是否可以打开文件对话框（带有“文件”输入标签），选择图像，然后在img标签中显示该图像？然后用户点击“上传”，它会从img标签读取图像数据以上传到服务器？无论如何，类似的东西......我希望用户能够在上传之前查看他们的照片。我目前在我的页面上集成了一个带有自定义按钮的文件输入标签，但我有点坚持。任何人都可以伸出援手吗？任何帮助表示赞赏。感谢。

Answer 1

查看Show an image preview before upload，其中包含有关在HTML5中执行此操作的一些信息。

除此之外，使用标准<input type="file" />可能不会发生。您可以使用Flash或Silverlight等具有沙盒访问权限的内容，也可以在上传之前阅读和显示图像。