在頁面預(yù)覽客戶端本地圖片的js代碼(兼容FF IE)
更新時間：2012年05月23日 19:04:51 作者：
IE為了安全是不允許頁面預(yù)覽客戶端本地圖片的，也就是img元素的SRC是相對路徑 不可能是絕對路徑的 為了達成這一需求 需要使用濾鏡
公司最近有個項目有這樣的需求我才發(fā)現(xiàn)我之前寫的 如何通過JS獲取用戶本地圖片路徑 這篇文章里所使用的方法只支持本地頁面預(yù)覽本地圖片
有一種解決方法是上傳到服務(wù)器后返回相對路徑 但是效率是個問題，編程復(fù)雜度也會提高
直接上demo代碼 為更多有這種需求又苦于找不到解決方案的同行提供源碼 轉(zhuǎn)載請注明出處 我這里還有更多的其他問題的解決方案供更多人參考
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
有一種解決方法是上傳到服務(wù)器后返回相對路徑 但是效率是個問題，編程復(fù)雜度也會提高
直接上demo代碼 為更多有這種需求又苦于找不到解決方案的同行提供源碼 轉(zhuǎn)載請注明出處 我這里還有更多的其他問題的解決方案供更多人參考
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- JS預(yù)覽圖像將本地圖片顯示到瀏覽器上
- Javascript圖片上傳前的本地預(yù)覽實例
- javascript IE7 瀏覽器本地圖片預(yù)覽
- 純JS實現(xiàn)本地圖片預(yù)覽的方法
- javascript firefox不顯示本地預(yù)覽圖片問題的解決方法
- JS中利用FileReader實現(xiàn)上傳圖片前本地預(yù)覽功能
- JavaScript實現(xiàn)圖片本地預(yù)覽功能【不用上傳至服務(wù)器】
- 原生js FileReader對象實現(xiàn)圖片上傳本地預(yù)覽效果
- 基于JavaScript實現(xiàn)本地圖片預(yù)覽
- JavaScript實現(xiàn)預(yù)覽本地上傳圖片功能完整示例
- js實現(xiàn)的在本地預(yù)覽圖片功能示例
相關(guān)文章
jb51站長推薦的用js實現(xiàn)的多瀏覽器支持的圖片輪換展示效果ie,firefox
jb51站長推薦的用js實現(xiàn)的多瀏覽器支持的圖片輪換展示效果ie,firefox...2007-03-03
JS圖片瀏覽組件PhotoLook的公開屬性方法介紹和進階實例代碼
這次接著來介紹PhotoLook（前文介紹的組件）現(xiàn)在可供使用的屬性和方法，接著展示一個叫前文不一樣的例子2010-11-11
2007-08-08
一個CSS布局實例，介紹的是一個橫向排列的圖片列表，這也是大家在從事網(wǎng)頁布局時候最常見的一種布局實例，有必要掌握，本代碼已經(jīng)過了優(yōu)化，個別細節(jié)你需根據(jù)你的網(wǎng)站主CSS風(fēng)格進行調(diào)整，才能完美搭配。2010-03-03
人人網(wǎng)相冊和酷狗音樂網(wǎng)站上面當鼠標移動到圖片上面，鼠標的形狀會根據(jù)其在圖片上的位置改變。2010-03-03
ＪＳ＋ＦＬＡＳＨ幻燈片播放圖片腳本，整理了代碼，使得調(diào)用更加方便！
ＪＳ＋ＦＬＡＳＨ幻燈片播放圖片腳本，整理了代碼，使得調(diào)用更加方便！...2007-01-01
利用javascript解決圖片縮放及其優(yōu)化的代碼
說起IE6，真是讓我們這些做前端的人又恨又無奈，許多屬性都不支持。可不少用戶還在用它，我們也不能無視。為了兼容，我只好跟同事請教了一下，然后針對IE6用js縮放來顯示圖片并進行了一些細節(jié)上的優(yōu)化2012-05-05
JavaScript判斷圖片是否能夠加載,失敗則替換默認圖片
JavaScript智能判斷圖片是否能夠正確加載，若加載失敗則用默認圖片替換，這是個比較實用的功能，不少網(wǎng)站都可見到這種功能.2010-10-10
javascript動態(tài)改變img的src屬性圖片不顯示的解決方法
最近寫了幾句javascript程序代碼，涉及到了動態(tài)改變圖片的效果，結(jié)果在ie下顯示不出了來，實在是郁悶，上網(wǎng)找尋結(jié)果，終于發(fā)現(xiàn)了，原來是 瀏覽器的問題。現(xiàn)在將方法貼出來分享。2010-10-10
javascript 鼠標懸浮圖片顯示原圖 移出鼠標后原圖消失（多圖）
其實我想實現(xiàn)的只是大圖預(yù)覽，不需要太復(fù)雜。后來，在原來有的javascript資料里找到這個:)“JavaScript網(wǎng)頁設(shè)計300例.chm”， 從里面找到了類似的下拉菜單的例子修改了一下，以實現(xiàn)這個功能。2009-12-12