本地圖片預覽(支持IE6/IE7/IE8/Firefox3)經驗總結_javascript技巧

來源：懂視網責編：小采時間：2020-11-27 21:07:56

本地圖片預覽(支持IE6/IE7/IE8/Firefox3)經驗總結_javascript技巧

本地圖片預覽(支持IE6/IE7/IE8/Firefox3)經驗總結_javascript技巧:最近在Web項目開發過程中遇到的本地圖片預覽的需求，雖然最后因為其他原因沒能使用，但是也算有些了解，整理出來。這里我們按瀏覽器分，主要包括IE6，IE7/8 和Firefox3，不包含Opera，Safari和Chrome，這三個基本上需求很小，沒有研究。總結一下就是： I

推薦度：

點擊下載本文 文檔為doc格式

導讀本地圖片預覽(支持IE6/IE7/IE8/Firefox3)經驗總結_javascript技巧:最近在Web項目開發過程中遇到的本地圖片預覽的需求，雖然最后因為其他原因沒能使用，但是也算有些了解，整理出來。這里我們按瀏覽器分，主要包括IE6，IE7/8 和Firefox3，不包含Opera，Safari和Chrome，這三個基本上需求很小，沒有研究。總結一下就是： I

最近在Web項目開發過程中遇到的本地圖片預覽的需求，雖然最后因為其他原因沒能使用，但是也算有些了解，整理出來。

這里我們按瀏覽器分，主要包括IE6，IE7/8 和Firefox3，不包含Opera，Safari和Chrome，這三個基本上需求很小，沒有研究。

總結一下就是：
IE6下可以直接從file的value獲取圖片路徑來顯示預覽。
IE7和IE8下通過select獲取file的圖片路徑，再用濾鏡來顯示預覽。
FireFox下調用file的getAsDataURL方法獲取Data URI數據來顯示預覽。

下面是一個完整的Demo：
代碼如下:

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com