通過JS獲取用戶本地圖片路徑并顯示的代碼
更新時間：2012年02月16日 20:10:44 作者：
通過JS獲取用戶本地圖片路徑并顯示的代碼，多用于本地上傳圖片的預覽效果
復制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>get file input full path</title>
<script language='javascript'>
function getFullPath(obj)
{
if(obj)
{
//ie
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
obj.select();
return document.selection.createRange().text;
}
//firefox
else if(window.navigator.userAgent.indexOf("Firefox")>=1)
{
if(obj.files)
{
return obj.files.item(0).getAsDataURL();
}
return obj.value;
}
return obj.value;
}
}
</script>
</head>
<body>
<input type="file" onchange="document.getElementById('img').src=getFullPath(this);" />
<img id="img" />
</body>
</html>
將上面的代碼保存為htm格式后運行。
相關文章
這篇文章主要介紹了使用pkg打包ThinkJS項目的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-12-12
這篇文章主要介紹了JS正則表達式修飾符global(/g)用法,結合實例形式分析了JS全局匹配修飾符/g的功能、使用方法與相關注意事項,需要的朋友可以參考下2016-12-12
這篇文章主要介紹了JS實現(xiàn)簡單面向對象的顏色選擇器,以完整實例形式分析了JavaScript基于面向對象實現(xiàn)顏色選擇器的具體步驟與實現(xiàn)技巧,需要的朋友可以參考下2016-04-04
這篇文章主要為大家詳細介紹了純js實現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
本文主要介紹了微信小程序官方人臉核身認證，感興趣的同學，可以參考下，并且試驗一下。2021-06-06
javascript之AJAX框架使用說明,需要的朋友可以參考下.`2010-04-04
下面小編就為大家?guī)硪黄猨avascript兼容性(實例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
本篇文章主要介紹了使用InstantClick.js讓頁面提前加載200ms，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要給大家介紹了關于JS中數(shù)組合并的幾種常見方法,在開發(fā)的過程中,我們很多時候會遇到需要將兩個數(shù)組合并成一個數(shù)組的情況,文中通過實例代碼介紹的非常詳細,出現(xiàn)需要的朋友可以參考下2023-07-07
JavaScript實現(xiàn)的冒泡排序法及統(tǒng)計相鄰數(shù)交換次數(shù)示例
這篇文章主要介紹了JavaScript實現(xiàn)的冒泡排序法及統(tǒng)計相鄰數(shù)交換次數(shù),結合實例形式分析了javascript冒泡排序的實現(xiàn)技巧及針對交換次數(shù)的統(tǒng)計方法,便于更直觀的了解冒泡排序算法,需要的朋友可以參考下2017-04-04