开发者问题收集

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

2010-04-14
1126

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

我当然发现所有现代浏览器都会以某种方式隐藏实际的完整路径,因此我最初仅设置一个带有本地路径的 <img /> 元素的计划是不可能的。

我发现 这个 解决方案,效果还不错,但我预计图片会有点大,而且我的用户的互联网连接可能会有点慢,所以这并不理想。

我发现 FireFox 有 getAsDataURL() 方法,如果其他浏览器(或者至少是 IE)中有这种方法,它将完美运行,但我一直没能找到它。

有没有其他方法可以做到这一点,并使其在 IE7/8(6 是一个奖励,但我不太在意)、FF2/3 和 webkit 中运行,而无需诉诸插件?

1个回答

您链接的问题 的答案说明了真相:无法使用 JavaScript 从用户的文件系统读取文件。您需要先上传图像,然后才能将其作为 <img> 附加到您的页面。

Jørn Schou-Rode
2010-04-14