通过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 相关文章推荐
通过JAVAScript实现页面自适应
Jan 19 Javascript
jquery 事件冒泡的介绍以及如何阻止事件冒泡
Dec 25 Javascript
JavaScript让Textarea支持tab按键的方法
Jun 26 Javascript
jQuery+HTML5加入购物车代码分享
Oct 29 Javascript
三种AngularJS中获取数据源的方式
Feb 02 Javascript
JS 对象(Object)和字符串(String)互转方法
May 20 Javascript
javascript动画系列之模拟滚动条
Dec 13 Javascript
关于JS Lodop打印插件打印Bootstrap样式错乱问题的解决方案
Dec 23 Javascript
AngularJS自定义指令实现面包屑功能完整实例
May 17 Javascript
详解vuex的简单使用
Mar 12 Javascript
对Vue- 动态元素属性及v-bind和v-model的区别详解
Aug 27 Javascript
JS实现简单九宫格抽奖
Jun 28 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
You might like
PHP OPCode缓存 APC详细介绍
2010/10/12 PHP
PHP连接Access数据库的方法小结
2013/06/20 PHP
解析isset与is_null的区别
2013/08/09 PHP
php ZipArchive压缩函数详解实例
2013/11/06 PHP
ThinkPHP文件上传实例教程
2014/08/22 PHP
PHP中ltrim与rtrim去除左右空格及特殊字符实例
2016/01/07 PHP
php用户名的密码加密更安全的方法
2019/06/21 PHP
php获取小程序码的实现代码(B类接口)
2020/06/13 PHP
JavaScript中的History历史对象
2008/01/16 Javascript
javascript getElementsByName()的用法说明
2009/07/31 Javascript
ie 7/8不支持trim的属性的解决方案
2014/05/23 Javascript
使用AngularJS中的SCE来防止XSS攻击的方法
2015/06/18 Javascript
jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
2015/10/30 Javascript
JavaScript中获取HTML元素值的三种方法
2016/06/20 Javascript
javascript事件捕获机制【深入分析IE和DOM中的事件模型】
2016/12/15 Javascript
vue-cli3.0使用及部分配置详解
2018/08/29 Javascript
Vue核心概念Action的总结
2019/01/18 Javascript
js变量声明var使用与不使用的区别详解
2019/01/21 Javascript
javascript实现页面的实时时钟显示示例
2020/08/06 Javascript
JS轮播图的实现方法2
2020/08/25 Javascript
简单上手Python中装饰器的使用
2015/07/12 Python
Python3实现发送QQ邮件功能(附件)
2020/12/23 Python
Python多继承原理与用法示例
2018/08/23 Python
flask/django 动态查询表结构相同表名不同数据的Model实现方法
2019/08/29 Python
在jupyter notebook 添加 conda 环境的操作详解
2020/04/10 Python
Python json格式化打印实现过程解析
2020/07/21 Python
html5使用Canvas绘图的使用方法
2017/11/21 HTML / CSS
Java程序员常见面试题
2015/07/16 面试题
师范毕业生自荐信
2013/10/17 职场文书
畜牧兽医本科生的自我评价
2014/03/03 职场文书
医药营销个人求职信
2014/04/12 职场文书
幼儿园见习报告
2014/10/30 职场文书
写给导师的自荐信
2015/03/06 职场文书
员工试用期转正自我评价
2015/03/10 职场文书
Python入门学习之类的相关知识总结
2021/05/25 Python
python神经网络 tf.name_scope 和 tf.variable_scope 的区别
2022/05/04 Python