通过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注意img图片的onerror事件的分析
Jan 01 Javascript
JavaScript 原型继承之构造函数继承
Aug 26 Javascript
JS控件的生命周期介绍
Oct 22 Javascript
使用 Node.js 做 Function Test实现方法
Oct 25 Javascript
Node.js模块加载详解
Aug 16 Javascript
详解javascript遍历方式
Nov 11 Javascript
JS实现页面进入和返回定位到具体位置
Dec 08 Javascript
JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
Apr 28 Javascript
使用JS获取SessionStorage的值
Jan 12 Javascript
JavaScript This指向问题详解
Nov 25 Javascript
vue实现几秒后跳转新页面代码
Sep 09 Javascript
Antd的Table组件嵌套Table以及选择框联动操作
Oct 24 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
B2K与车机的中波PK
2021/03/02 无线电
php expects parameter 1 to be resource, array given 错误
2011/03/23 PHP
PHP Global定义全局变量使用说明
2013/08/15 PHP
php中实现精确设置session过期时间的方法
2014/07/17 PHP
PHP实现CSV文件的导入和导出类
2015/03/24 PHP
PHP完全二叉树定义与实现方法示例
2017/10/09 PHP
PHP设计模式之PHP迭代器模式讲解
2019/03/22 PHP
PHP dirname(__FILE__)原理及用法解析
2020/10/28 PHP
jQuery遍历Table应用示例
2014/04/09 Javascript
js控制当再次点击按钮时的间隔时间
2014/06/03 Javascript
jQuery源码解读之hasClass()方法分析
2015/02/20 Javascript
JS实现按比例缩放图片的方法(附C#版代码)
2015/12/08 Javascript
JavaScript实现的XML与JSON互转功能详解
2017/02/16 Javascript
Bootstrap3下拉菜单的实现
2017/02/22 Javascript
详解vue-router 2.0 常用基础知识点之router.push()
2017/05/10 Javascript
nodejs Assert中equal(),strictEqual(),deepEqual(),strictDeepEqual()比较
2017/09/18 NodeJs
JS面向对象的程序设计相关知识小结
2018/05/26 Javascript
JavaScript队列结构Queue实现过程解析
2020/03/07 Javascript
vue Cli 环境删除与重装教程 - 版本文档
2020/09/11 Javascript
[40:57]TI4 循环赛第二日 iG vs EG
2014/07/11 DOTA
[02:27]刀塔重生降临
2015/10/14 DOTA
[46:50]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
用tensorflow构建线性回归模型的示例代码
2018/03/05 Python
django的settings中设置中文支持的实现
2019/04/28 Python
python为QT程序添加图标的方法详解
2020/03/09 Python
离线状态下在jupyter notebook中使用plotly实例
2020/04/24 Python
世界最大域名注册商:GoDaddy
2016/07/24 全球购物
美国电子产品主要品牌的授权在线零售商:DataVision
2019/03/23 全球购物
中国京东和泰国中央集团合资的网站:JD CENTRAL
2020/08/22 全球购物
魅力教师事迹材料
2014/01/10 职场文书
三项教育活动实施方案
2014/03/30 职场文书
解决Golang time.Parse和time.Format的时区问题
2021/04/29 Golang
HTML中的表格元素介绍
2022/02/28 HTML / CSS
使用Mysql计算地址的经纬度距离和实时位置信息
2022/04/29 MySQL
apache ftpserver搭建ftp服务器
2022/05/20 Servers
Redis基本数据类型String常用操作命令
2022/06/01 Redis