如何使用javascript在文件输入中预览文件?

我想能够预览一个用户的图像之前,他们上传它。

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

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

我发现Firefox有 getAsDataURL() 方法,如果在其他浏览器中有某种形式的方法,或者至少在IE中也有,那么该方法将非常有效,但我还没有找到它。

有没有其他方法可以做到这一点,并让它在ie7/8(6是一个奖金,但我不太在乎),ff2/3和webkit中工作,而不诉诸插件?