首頁 > web前端 > js教程 > JS預覽圖像將本地圖片顯示到瀏覽器上_javascript技巧

JS預覽圖像將本地圖片顯示到瀏覽器上_javascript技巧

WBOY
發布: 2016-05-16 17:24:28
原創
1013 人瀏覽過
複製程式碼如下程式碼:

渡//EN">




/**
* 從 file 網域取得 本機圖片 url
*/
function getFileUrl(sourceId) {
var url;
if (navigator.userAgent.indexOf("MSIE")>=1) { // IE
url = document.getElementById(sourceId).value;
} else if(navigator.userAgent.indexOf("Firefox")>0) { // Firefox
url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0)) ;
} else if(navigator.userAgent.indexOf("Chrome")>0) { // Chrome
url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0)) ;
}
回傳網址;
}

/**
* 將本機圖片 顯示到瀏覽器上
*/
function preImg(sourceId, targetId) {
var url = getFileUrl(sourceId);
var imgPre = document.getElementById(targetId);
imgPre.src = url;
}
腳本>
頭>


>
JS預覽圖像將本地圖片顯示到瀏覽器上_javascript技巧>
表格>
身體>

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板