兼容最新firefox、chrome和IE的javascript圖片預覽實現代碼

javascript實現客戶端file選擇文件后img標簽加載客戶端圖片實現圖片預覽 。
測試瀏覽器:firefox6,firefox12,chrome 25.0.1364.172 m,IE6-IE10 都兼容
【兼容最新firefox、chrome和IE的javascript圖片預覽實現代碼】safari5.0.4不支持FileReader和file.files.item(0).getAsDataURL方法,暫時無解 , 需要上傳到服務器后返回臨時文件名用img標簽加載,不知道后續的safari版本是否支持FileReader對象 。
IE10下效果:

兼容最新firefox、chrome和IE的javascript圖片預覽實現代碼

兼容最新firefox、chrome和IE的javascript圖片預覽實現代碼

IE9下效果:
兼容最新firefox、chrome和IE的javascript圖片預覽實現代碼

兼容最新firefox、chrome和IE的javascript圖片預覽實現代碼

實現源代碼:


相關經驗推薦