通过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 相关文章推荐
学习YUI.Ext 第六天--关于树TreePanel(Part 1)
Mar 10 Javascript
Some tips of wmi scripting in jscript (1)
Apr 03 Javascript
jquery限制输入字数,并提示剩余字数实现代码
Dec 24 Javascript
js给网页加上背景音乐及选择音效的方法
Mar 03 Javascript
javascript获取本机操作系统类型的方法
Aug 13 Javascript
JS将滑动门改为选项卡(需鼠标点击)的实现方法
Sep 27 Javascript
jQuery添加和删除输入文本框标签代码
May 20 Javascript
JS解析url查询参数的简单代码
Aug 06 Javascript
vue中多路由表头吸顶实现的几种布局方式
Apr 12 Javascript
基于jquery ajax的多文件上传进度条过程解析
Sep 11 jQuery
react 原生实现头像滚动播放的示例
Apr 21 Javascript
微信小程序实现聊天室功能
Jun 14 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设计模式之观察者模式的应用详解
2013/05/21 PHP
解析php函数method_exists()与is_callable()的区别
2013/06/21 PHP
PHP下载生成的csv文件及问题总结
2015/08/06 PHP
JS效率个人经验谈(8-15更新),加入range技巧
2007/01/09 Javascript
jQuery结合PHP+MySQL实现二级联动下拉列表[实例]
2011/11/15 Javascript
js编写trim()函数及正则表达式的运用
2013/10/24 Javascript
js中function()使用方法
2013/12/24 Javascript
jQuery中next()方法用法实例
2015/01/07 Javascript
Javascript控制input输入时间格式的方法
2015/01/28 Javascript
javascript实现将文件保存到本地方法汇总
2015/07/26 Javascript
JavaScript中数组继承的简单示例
2015/07/29 Javascript
javascript函数式编程程序员的工具集
2015/10/11 Javascript
js获取表格的行数和列数的方法
2015/10/23 Javascript
基于JavaScript实现右键菜单和拖拽功能
2016/11/28 Javascript
Node.js的特点详解
2017/02/03 Javascript
Express+Nodejs 下的登录拦截实现代码
2017/07/01 NodeJs
微信小程序App生命周期详解
2018/01/31 Javascript
vue 实现一个简单的全局调用弹窗案例
2020/09/10 Javascript
简单介绍Python中的len()函数的使用
2015/04/07 Python
简单实现python画圆功能
2018/01/25 Python
python实现爬取图书封面
2018/07/05 Python
Python values()与itervalues()的用法详解
2019/11/27 Python
pycharm设置默认的UTF-8编码模式的方法详解
2020/06/01 Python
深入了解NumPy 高级索引
2020/07/24 Python
基于HTML5的齿轮动画特效
2016/02/29 HTML / CSS
美国最受欢迎的度假租赁网站:VRBO
2016/08/02 全球购物
迪卡侬英国官网:Decathlon英国
2017/04/08 全球购物
编程实现去掉XML的重复结点
2014/05/28 面试题
领导班子对照检查材料
2014/09/22 职场文书
爱护环境卫生倡议书
2015/04/29 职场文书
2015年高三班主任工作总结
2015/05/21 职场文书
婚礼家长致辞
2015/07/27 职场文书
体育委员竞选稿
2015/11/21 职场文书
2016年中秋节慰问信
2015/12/01 职场文书
大学生党课心得体会
2016/01/07 职场文书
Redis 的查询很快的原因解析及Redis 如何保证查询的高效
2022/03/16 Redis