如何在使用JavaScript的文件輸入中預覽文件？

Question

我希望能夠在用戶上傳圖片之前預覽圖片。

我當然發現，所有現代瀏覽器都以某種方式掩蓋了實際的完整路徑，所以我原來只用局部路徑設置<img />元素的計劃是不可能的。

我發現了this解決方案，這並不壞，但我期待的圖像有點大，我的用戶的互聯網連接可能會有點慢，所以這不完全理想。

我發現FireFox有getAsDataURL()方法，如果在其他瀏覽器中有某種​​形式，或者至少是IE，但是我一直沒有找到它，它將完美工作。

是否有任何其他方式來做到這一點，並使其在IE7/8（6是獎金，但我不在乎那麼多），FF2/3和webkit而不訴諸於插件？

Answer 1

the question you have linked的答案說實話：使用JavaScript無法從用戶的文件系統讀取文件。您需要先上傳圖片，然後才能將其作爲<img>附加到您的網頁上。