兼容最新firefox、chrome和IE的javascript圖片預(yù)覽實(shí)現(xiàn)代碼
javascript實(shí)現(xiàn)客戶端file選擇文件后img標(biāo)簽加載客戶端圖片實(shí)現(xiàn)圖片預(yù)覽 。
測(cè)試瀏覽器：firefox6，firefox12，chrome 25.0.1364.172 m，IE6-IE10 都兼容
【兼容最新firefox、chrome和IE的javascript圖片預(yù)覽實(shí)現(xiàn)代碼】safari5.0.4不支持FileReader和file.files.item(0).getAsDataURL方法，暫時(shí)無(wú)解 ， 需要上傳到服務(wù)器后返回臨時(shí)文件名用img標(biāo)簽加載，不知道后續(xù)的safari版本是否支持FileReader對(duì)象 。
IE10下效果：
IE9下效果：
實(shí)現(xiàn)源代碼：
相關(guān)經(jīng)驗(yàn)推薦
- 談?wù)凧S中常遇到的瀏覽器兼容問(wèn)題和解決方法
- JS IE和FF兼容性問(wèn)題匯總
- 兼容IE 原生JS實(shí)現(xiàn)別踩白塊游戲
- 兼容IE火狐 文本框只能輸入數(shù)字的實(shí)現(xiàn)方法
- 用條件注釋判斷瀏覽器版本解決頁(yè)面兼容問(wèn)題
- JS 滾動(dòng)事件window.onscroll與position：fixed寫(xiě)兼容IE6的回到頂部組件
- 測(cè)試IE瀏覽器對(duì)JavaScript的AngularJS的兼容性
- js實(shí)現(xiàn)兼容IE、Firefox的圖片縮放代碼
- 兼容到IE6 JS上傳圖片預(yù)覽插件制作
- CSS3中的Opacity多瀏覽器透明度兼容性問(wèn)題