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

Question

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

我当然发现，所有现代浏览器都以某种方式掩盖了实际的完整路径，所以我原来只用局部路径设置<img />元素的计划是不可能的。

我发现了this解决方案，这并不坏，但我期待的图像有点大，我的用户的互联网连接可能会有点慢，所以这不完全理想。

我发现FireFox有getAsDataURL()方法，如果在其他浏览器中有某种​​形式，或者至少是IE，但是我一直没有找到它，它将完美工作。

是否有任何其他方式来做到这一点，并使其在IE7/8（6是奖金，但我不在乎那么多），FF2/3和webkit而不诉诸于插件？

Answer 1

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