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