在頁面預(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)文章
js實現(xiàn)圖片加載時候逐漸出現(xiàn)的雜色效果
有一些網(wǎng)站在加載圖片的時候不是一下子就出來了，而是由模糊到清淅，或是由一種不占用過多網(wǎng)絡(luò)資源的方式先大致顯示，然后再慢慢加載，避免因用戶等不及將網(wǎng)頁關(guān)掉，像馬賽克效果、沙子效果等2010-08-08![JavaScript圖片放大鏡效果代碼[代碼比較簡單]](http://img.jbzj.com/images/xgimg/bcimg1.png)
實用漂亮的放大鏡效果，基于JavaScript代碼實現(xiàn)，貌似代碼不太多，但效果確實不錯，因調(diào)用的圖片比較大，所以運行效果后請稍等一會，等待圖片加載。2011-02-02
完全用CSS實現(xiàn)鼠標(biāo)移動到圖片并更換圖片
CSS實現(xiàn)鼠標(biāo)移動到圖片，更換圖片，這是一個完全用CSS實現(xiàn)的效果,由此我們可以制作一些效果復(fù)雜的按鈕，比如換色按鈕2012-12-12
用new Image()預(yù)先加載圖片真的有用嗎？...2007-09-09
js實現(xiàn)圖片顯示局部，鼠標(biāo)經(jīng)過顯示全部的效果
2008-01-01
利用javascript解決圖片縮放及其優(yōu)化的代碼
說起IE6，真是讓我們這些做前端的人又恨又無奈，許多屬性都不支持?？刹簧儆脩暨€在用它，我們也不能無視。為了兼容，我只好跟同事請教了一下，然后針對IE6用js縮放來顯示圖片并進行了一些細節(jié)上的優(yōu)化2012-05-05![DOM Scripting中的圖片切換[兼容Firefox]](http://img.jbzj.com/images/xgimg/bcimg6.png)
DOM Scripting中的圖片切換[兼容Firefox]
dom scripting確實是一本對javascript dom編程很有指導(dǎo)意義的書，今天看了書中一個簡單的圖片切換實例，感覺很有意思。2010-06-06
網(wǎng)上比較常見的用jquery實現(xiàn)的圖片輪播效果代碼。2008-12-12
圖片的左右移動，具備像蕩秋千一樣的動畫效果，圖片自己可重新定義，移動速度和距離也可在代碼內(nèi)設(shè)定，挺簡單的Js生成動畫的特效代碼，僅供參考。2010-12-12
閑得無聊，弄了個抖動效果，大家看看有沒有值得學(xué)習(xí)地方2012-01-01