通过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格式后运行。
相关文章
利用js动态加载js文件到页面，并在确定加载完成后调用相关function2011-07-07
这篇文章主要介绍了JavaScript函数扩展与箭头函数的使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧2022-11-11
js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
用JavaScript刷新上级页面和当前页面在某些情况下还是比较实用的，感兴趣的朋友可以了解下另外介绍一下frame或iframe元素的引用方法，希望本文对你有所帮助2013-01-01
这篇文章主要为大家介绍了js实现数组扁平化，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-12-12
这篇文章主要为大家详细介绍了Bootstrap CSS布局之表格的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
本篇文章是对在JS中Map和List的简单实现代码进行了详细的分析介绍，需要的朋友参考下2013-07-07
用js来格式化字符串示例模仿css...2007-04-04
这篇文章主要介绍了微信小程序授权获取用户详细信息openid的实例详解的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下2017-09-09
这篇文章主要介绍了如何用JS WebSocket实现简单聊天，对websocket感兴趣的同学，可以参考下2021-05-05
本篇文章主要介绍了p5.js入门教程之平滑过渡(Easing)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
最新评论