如何使用 JavaScript 在文件输入中预览文件？

Question

我希望能够在用户上传图片之前为他们预览图片。

我当然发现所有现代浏览器都以一种或另一种方式掩盖了实际的完整路径，所以我最初的计划是用本地路径设置一个 <img /> 元素是不可能的。

我找到了this 解决方案，这还不错，但我希望图像有点大，而且我的用户的互联网连接可能有点慢，所以这不是完全理想。

我发现 FireFox 有 getAsDataURL() 方法，如果在其他浏览器或至少 IE 中存在某种形式的它，它会完美运行，但我无法找到它。

有没有其他方法可以做到这一点并让它在 IE7/8（6 是一个奖励，但我不太在意）、FF2/3 和 webkit 中工作，而无需借助插件？

Answer 1

the question you have linked 的答案说实话：没有办法使用 JavaScript 从用户的文件系统中读取文件。您需要先上传图片，然后才能将其作为 <img> 附加到您的页面。