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