手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >通过JS获取用户本地图片路径并显示的代码
通过JS获取用户本地图片路径并显示的代码
摘要:复制代码代码如下:getfileinputfullpathfunctiongetFullPath(obj){if(obj){//ieif(w...

复制代码 代码如下:

<!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实现异步循环实现代码

获得当前页面URL地址的三个JS代码

JS选项卡动态替换banner图片路径的方法

js获取滚动距离的方法

jquery实现用户打分评分特效

JavaScript中用sort()方法对数组元素进行排序的操作

Javascript特效:随机显示图片的源代码

JQuery勾选指定name的复选框集合并显示的方法

Jquery实现动态切换图片的方法

js兼容火狐获取图片宽和高的方法

精品推荐
分类导航