通过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 选择器使用说明介绍
Apr 18 Javascript
js判断FCKeditor内容是否为空的两种形式
May 14 Javascript
jQuery检测滚动条是否到达底部
Dec 15 Javascript
实例详解jQuery Mockjax 插件模拟 Ajax 请求
Jan 12 Javascript
Vue.js创建Calendar日历效果
Nov 03 Javascript
js 单引号替换成双引号,双引号替换成单引号的实现方法
Feb 16 Javascript
JavaScript中 this 指向问题深度解析
Feb 21 Javascript
Vue写一个简单的倒计时按钮功能
Apr 20 Javascript
angular将html代码输出为内容的实例
Sep 30 Javascript
用vscode开发vue应用的方法步骤
May 06 Javascript
vue element-ui之怎么封装一个自己的组件的详解
May 20 Javascript
Vue CLI项目 axios模块前后端交互的使用(类似ajax提交)
Sep 01 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针对cookie操作的队列操作类实例
2014/12/10 PHP
php准确计算复活节日期的方法
2015/04/18 PHP
php导出csv文件,可导出前导0实例代码
2016/11/16 PHP
ThinkPHP5+Layui实现图片上传加预览功能
2018/08/17 PHP
PHP 代码简洁之道(小结)
2019/10/16 PHP
详解阿里云视频直播PHP-SDK接入教程
2020/07/09 PHP
javascript 函数调用的对象和方法
2010/07/01 Javascript
最简单的JavaScript验证整数、小数、实数、有效位小数正则表达式
2015/04/17 Javascript
百度地图给map添加右键菜单(判断是否为marker)
2016/03/04 Javascript
Bootstrap模仿起筷首页效果
2016/05/09 Javascript
JS实现物体带缓冲的间歇运动效果示例
2016/12/22 Javascript
EasyUI为Numberbox添加blur事件的方法
2017/03/05 Javascript
jQury Ajax使用Token验证身份实例代码
2017/09/22 Javascript
js replace 全局替换的操作方法
2018/06/12 Javascript
angular 表单验证器验证的同时限制输入的实现
2019/04/11 Javascript
微信小程序录音实现功能并上传(使用node解析接收)
2020/02/26 Javascript
Node.js API详解之 dns模块用法实例分析
2020/05/15 Javascript
python基础教程之lambda表达式使用方法
2014/02/12 Python
Python写的Socks5协议代理服务器
2014/08/06 Python
Python os模块介绍
2014/11/30 Python
浅谈五大Python Web框架
2017/03/20 Python
Python环境Pillow( PIL )图像处理工具使用解析
2019/09/12 Python
Python实现变声器功能(萝莉音御姐音)
2019/12/05 Python
python实现的批量分析xml标签中各个类别个数功能示例
2019/12/30 Python
Python基于Webhook实现github自动化部署
2020/11/28 Python
利用html5 canvas破解简单验证码及getImageData接口应用
2013/01/25 HTML / CSS
大女孩胸罩:Big Girls Bras
2016/12/15 全球购物
编写一个类体现构造,公有,私有方法,静态,私有变量
2013/08/10 面试题
数控技术应届生求职信
2013/11/13 职场文书
护理工作感言
2014/01/16 职场文书
难忘的一课教学反思
2014/04/30 职场文书
2016年“5.12”护士节慰问信
2015/11/30 职场文书
2019行政前台转正申请书范文3篇
2019/08/15 职场文书
css实现文章分割线样式的多种方法总结
2021/04/21 HTML / CSS
浅谈由position属性引申的css进阶讨论
2021/05/25 HTML / CSS
利用Python实现Picgo图床工具
2021/11/23 Python