通过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 相关文章推荐
js给dropdownlist添加选项的小例子
Mar 04 Javascript
JS通过ajax动态读取xml文件内容的方法
Mar 24 Javascript
js实现适用于素材网站的黑色多级菜单导航条效果
Aug 24 Javascript
分析js闭包引起的事件注册问题
Mar 29 Javascript
gulp-htmlmin压缩html的gulp插件实例代码
Jun 06 Javascript
Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
Jun 23 Javascript
Javascript在IE和Firefox浏览器常见兼容性问题总结
Aug 03 Javascript
详解Vue 事件驱动和依赖追踪
Apr 22 Javascript
最基础的vue.js双向绑定操作
Aug 23 Javascript
JS实现根据数组对象的某一属性排序操作示例
Jan 14 Javascript
JavaScript实现移动端带transition动画的轮播效果
Mar 24 Javascript
vue 导航守卫和axios拦截器有哪些区别
Dec 19 Vue.js
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
做个自己站内搜索引擎
2006/10/09 PHP
用PHP来写记数器(详细介绍)
2006/10/09 PHP
PHP+ACCESS 文章管理程序代码
2010/06/21 PHP
PHP依赖注入(DI)和控制反转(IoC)详解
2017/06/12 PHP
PHP实现的MD5结合RSA签名算法实例
2017/10/07 PHP
Javascript 二维数组
2009/11/26 Javascript
另一个javascript小测验(代码集合)
2011/07/27 Javascript
js禁止document element对象选中文本实现代码
2013/03/21 Javascript
javascript手工制作悬浮菜单
2015/02/12 Javascript
JS实现图片产生波纹一样flash效果的方法
2015/02/27 Javascript
JavaScript给url网址进行encode编码的方法
2015/03/18 Javascript
jQuery时间插件jquery.clock.js用法实例(5个示例)
2016/01/14 Javascript
前端设计师们最常用的JS代码汇总
2016/09/25 Javascript
JS实现的自动打字效果示例
2017/03/10 Javascript
React利用插件和不用插件实现双向绑定的方法详解
2017/07/03 Javascript
Async Validator 异步验证使用说明
2017/07/03 Javascript
Vue2路由动画效果的实现代码
2017/07/10 Javascript
JavaScript中十种一步拷贝数组的方法实例详解
2019/04/22 Javascript
利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序
2019/06/07 Javascript
Vue实现手机扫描二维码预览页面效果
2020/05/28 Javascript
javascript实现移动端上传图片功能
2020/08/18 Javascript
解决谷歌搜索技术文章时打不开网页问题的python脚本
2013/02/10 Python
Python对象转JSON字符串的方法
2016/04/27 Python
Python使用pyshp库读取shapefile信息的方法
2018/12/29 Python
Python实战购物车项目的实现参考
2019/02/20 Python
python导包的几种方法(自定义包的生成以及导入详解)
2019/07/15 Python
Djang的model创建的字段和参数详解
2019/07/27 Python
国外平面设计素材网站:The Hungry JPEG
2017/03/28 全球购物
发现世界上最好的珠宝设计师:JewelStreet
2017/12/17 全球购物
违反学校规定检讨书
2014/01/18 职场文书
五好党支部事迹材料
2014/02/06 职场文书
捐赠仪式主持词
2014/03/19 职场文书
三八妇女节活动总结
2014/05/04 职场文书
优秀教师先进个人事迹材料
2014/08/31 职场文书
Spring this调用当前类方法无法拦截的示例代码
2022/03/20 Java/Android
vue如何清除浏览器历史栈
2022/05/25 Vue.js