通過JS獲取用戶本地圖片路徑并顯示的代碼
更新時間：2012年02月16日 20:10:44 作者：
通過JS獲取用戶本地圖片路徑并顯示的代碼，多用于本地上傳圖片的預(yù)覽效果
復(fù)制代碼 代碼如下:
<!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格式后運行。
相關(guān)文章
利用js動態(tài)加載js文件到頁面，并在確定加載完成后調(diào)用相關(guān)function2011-07-07
JavaScript函數(shù)擴展與箭頭函數(shù)超詳細(xì)講解
這篇文章主要介紹了JavaScript函數(shù)擴展與箭頭函數(shù)的使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2022-11-11
js中頁面的重新加載(當(dāng)前頁面/上級頁面)及frame或iframe元素引用介紹
用JavaScript刷新上級頁面和當(dāng)前頁面在某些情況下還是比較實用的，感興趣的朋友可以了解下另外介紹一下frame或iframe元素的引用方法，希望本文對你有所幫助2013-01-01
這篇文章主要為大家介紹了js實現(xiàn)數(shù)組扁平化，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
這篇文章主要為大家詳細(xì)介紹了Bootstrap CSS布局之表格的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
本篇文章是對在JS中Map和List的簡單實現(xiàn)代碼進行了詳細(xì)的分析介紹，需要的朋友參考下2013-07-07
用js來格式化字符串示例模仿css...2007-04-04
微信小程序授權(quán)獲取用戶詳細(xì)信息openid的實例詳解
這篇文章主要介紹了微信小程序授權(quán)獲取用戶詳細(xì)信息openid的實例詳解的相關(guān)資料,希望通過本文能幫助到大家，需要的朋友可以參考下2017-09-09
這篇文章主要介紹了如何用JS WebSocket實現(xiàn)簡單聊天，對websocket感興趣的同學(xué)，可以參考下2021-05-05
本篇文章主要介紹了p5.js入門教程之平滑過渡(Easing)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03