通过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做JavaScript动画
Mar 10 Javascript
多个js与css文件的合并方法详细说明
Dec 26 Javascript
给html超链接设置事件不使用href来完成跳
Apr 20 Javascript
简单易用的倒计时js代码
Aug 04 Javascript
jquery密码强度校验
Dec 02 Javascript
基于JavaScript实现通用tab选项卡(通用性强)
Jan 07 Javascript
关于vuex的学习实践笔记
Apr 05 Javascript
requirejs + vue 项目搭建详解
Jun 16 Javascript
详解原生JS动态添加和删除类
Mar 26 Javascript
最简单的vue消息提示全局组件的方法
Jun 16 Javascript
vue-preview动态获取图片宽高并增加旋转功能的实现
Jul 29 Javascript
VUE使用draggable实现组件拖拽
Apr 06 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
PHP中foreach()用法汇总
2015/07/02 PHP
PHP仿微信多图片预览上传实例代码
2016/09/13 PHP
Laravel5.1自定义500错误页面示例
2016/10/09 PHP
PHP实现Google plus的好友拖拽分组效果
2016/10/21 PHP
PHP实现的mysql读写分离操作示例
2018/05/22 PHP
JavaScript Cookie的读取和写入函数
2009/12/08 Javascript
ExtJs Excel导出并下载IIS服务器端遇到的问题
2011/09/16 Javascript
document.all的一个比较完整的总结及案例
2013/01/31 Javascript
JavaScript调用堆栈及setTimeout使用方法深入剖析
2013/02/16 Javascript
node.js实现逐行读取文件内容的代码
2014/06/27 Javascript
JavaScript分析、压缩工具JavaScript Analyser
2014/12/31 Javascript
javascript图片预加载完整实例
2015/12/10 Javascript
JavaScript接口的实现三种方式(推荐)
2016/06/14 Javascript
JS防止网页被嵌入iframe框架的方法分析
2016/09/13 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(三)
2016/09/14 Javascript
ES6实现的遍历目录函数示例
2017/04/07 Javascript
老生常谈javascript中逻辑运算符&amp;&amp;和||的返回值问题
2017/04/13 Javascript
JavaScript你不知道的一些数组方法
2017/08/18 Javascript
jQuery实现可兼容IE6的滚动监听功能
2017/09/20 jQuery
vue2 前端搜索实现示例
2018/02/26 Javascript
微信小程序发送短信验证码完整实例
2019/01/07 Javascript
ES6学习笔记之let与const用法实例分析
2020/01/22 Javascript
Javascript实现打鼓效果
2021/01/29 Javascript
python爬虫中get和post方法介绍以及cookie作用
2018/02/08 Python
python使用PIL给图片添加文字生成海报示例
2018/08/17 Python
浅谈python下tiff图像的读取和保存方法
2018/12/04 Python
Python中时间datetime的处理与转换用法总结
2019/02/18 Python
详解Python Qt的窗体开发的基本操作
2019/07/14 Python
Python3 sys.argv[ ]用法详解
2019/10/24 Python
Python 解决火狐浏览器不弹出下载框直接下载的问题
2020/03/09 Python
python sleep和wait对比总结
2021/02/03 Python
波兰电子产品购物网站:Vobis
2019/05/26 全球购物
美国最大的户外装备和服装购物网站:Backcountry
2019/10/15 全球购物
急诊科护士自我鉴定
2013/10/14 职场文书
小学红领巾中秋节广播稿
2014/01/13 职场文书
NASA 机智号火星直升机拍到了毅力号设备碎片
2022/04/29 数码科技