编程 Javascript

通过JS获取用户本地图片路径并显示的代码

Posted in Javascript onFebruary 16, 2012

<!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格式后运行。

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery UI Autocomplete 1.8.16 中文输入修正代码

Apr 16 Javascript

jQuery的attr与prop使用介绍

Oct 10 Javascript

几种设置表单元素中文本输入框不可编辑的方法总结

Nov 25 Javascript

JavaScript实现带标题的图片轮播特效

May 20 Javascript

JavaScript实现的伸展收缩型菜单代码

Oct 14 Javascript

JS折半插入排序算法实例

Dec 02 Javascript

浅谈jquery之on()绑定事件和off()解除绑定事件

Oct 26 Javascript

从零开始学习Node.js系列教程二：文本提交与显示方法

Apr 13 Javascript

JS栈stack类的实现与使用方法示例

Jan 31 Javascript

vue与bootstrap实现简单用户信息添加删除功能

Feb 15 Javascript

解决Vue+Electron下Vuex的Dispatch没有效果问题

May 20 Javascript

微信小程序分享小程序码的生成（带参数）以及参数的获取

Mar 25 Javascript

javascript简易缓动插件(源码打包)

Feb 16 #Javascript

基于jquery的textarea发布框限制文字字数输入(添加中文识别)

Feb 16 #Javascript

js URL参数的拼接方法比较

Feb 15 #Javascript

javascript题目，重写函数让其无限相加

Feb 15 #Javascript

用JQUERY增删元素的代码

Feb 14 #Javascript

修改jQuery Validation里默认的验证方法

Feb 14 #Javascript

利用jquery的获取JS文件中的字符串内容

Feb 14 #Javascript