javascript firefox不顯示本地預(yù)覽圖片問題的解決方法
更新時間:2008年11月12日 00:51:01 作者:
在Firefox一直不能用js做出圖片預(yù)覽的效果,下面這個即可解決,用替換的方法實現(xiàn)firefox支持得的路徑格式
復(fù)制代碼 代碼如下:
<img id="img1" src=""/>
<script>
function fileChange(obj) {
var url = obj.value url = "file:///" + url.replace("\\",'/');
alert(url);
document.getElementById("img1").src= url;
}
</script>
<input type="file" onchange="fileChange(this);" />
關(guān)鍵是:url = "file:///" + url.replace("\\",'/')
您可能感興趣的文章:
- JS預(yù)覽圖像將本地圖片顯示到瀏覽器上
- Javascript圖片上傳前的本地預(yù)覽實例
- javascript IE7 瀏覽器本地圖片預(yù)覽
- 在頁面預(yù)覽客戶端本地圖片的js代碼(兼容FF IE)
- 純JS實現(xiàn)本地圖片預(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動態(tài)的把左邊列表添加到右邊的實現(xiàn)代碼(可上下移動)
在javascript前端開發(fā)過程中經(jīng)常見到動態(tài)的把左邊列表添加到右邊,基于js代碼怎么實現(xiàn)的呢?今天小編通過本文給大家介紹下js 左邊列表添加到右邊的實現(xiàn)方法,感興趣的朋友一起看看吧2016-11-11詳解ES6之a(chǎn)sync+await 同步/異步方案
這篇文章主要介紹了詳解ES6之a(chǎn)sync+await 同步/異步方案,本文以最簡明的方式來疏通 async + await,有興趣的可以了解下2017-09-09關(guān)于javascript函數(shù)的幾個話題
關(guān)于javascript函數(shù)的幾個話題...2007-03-03JavaScript在瀏覽器標題欄上顯示當(dāng)前日期和時間的方法
這篇文章主要介紹了JavaScript在瀏覽器標題欄上顯示當(dāng)前日期和時間的方法,實例分析了javascript操作時間及DOM節(jié)點實現(xiàn)定時觸發(fā)的技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03ES6如何將?Set?轉(zhuǎn)化為數(shù)組示例詳解
這篇文章主要為大家介紹了ES6如何將?Set?轉(zhuǎn)化為數(shù)組的方法示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-02-02