通过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 相关文章推荐
深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法
Apr 12 Javascript
JS Array对象入门分析
Oct 30 Javascript
JQueryEasyUI Layout布局框架的使用
Apr 08 Javascript
AngularJS入门教程之Hello World!
Dec 06 Javascript
jQuery读取XML文件内容的方法
Mar 09 Javascript
Javascript中数组方法汇总(推荐)
Apr 01 Javascript
分享我对JS插件开发的一些感想和心得
Feb 04 Javascript
纯JS实现可拖拽表单的简单实例
Sep 02 Javascript
JavaScript的兼容性与调试技巧
Nov 22 Javascript
微信小程序 input输入框详解及简单实例
Jan 10 Javascript
Vue开发中整合axios的文件整理
Apr 29 Javascript
node.js实现微信开发之获取用户授权
Mar 18 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
真正面向对象编程:PHP5.01发布
2006/10/09 PHP
PHP和.net中des加解密的实现方法
2013/02/27 PHP
php笔记之:初探PHPcms模块开发介绍
2013/04/26 PHP
laravel安装和配置教程
2014/10/29 PHP
PHP实现的蚂蚁爬杆路径算法代码
2015/12/03 PHP
PHP面向对象程序设计重载(overloading)操作详解
2019/06/13 PHP
laravel 5.3 单用户登录简单实现方法
2019/10/14 PHP
jquery tools系列 expose 学习
2009/09/06 Javascript
JQuery入门—编写一个简单的JQuery应用案例
2013/01/03 Javascript
js获得地址栏?问号后参数的方法
2013/08/08 Javascript
深入理解JavaScript中的传值与传引用
2013/12/09 Javascript
JS简单模拟触发按钮点击功能的方法
2015/11/30 Javascript
AngularJS教程 ng-style 指令简单示例
2016/08/03 Javascript
bootstrap3使用bootstrap datetimepicker日期插件
2017/05/24 Javascript
vue打包后显示空白正确处理方法
2017/11/01 Javascript
微信小程序swiper左右扩展各显示一半代码实例
2019/12/05 Javascript
vscode 插件开发 + vue的操作方法
2020/06/05 Javascript
jQuery实现简单评论功能
2020/08/19 jQuery
Js跳出两级循环方法代码实例
2020/09/22 Javascript
Python下singleton模式的实现方法
2014/07/16 Python
Python编写登陆接口的方法
2017/07/10 Python
Python cookbook(数据结构与算法)根据字段将记录分组操作示例
2018/03/19 Python
pytorch对梯度进行可视化进行梯度检查教程
2020/02/04 Python
浅谈Python中的异常和JSON读写数据的实现
2020/02/27 Python
Python 如何定义匿名或内联函数
2020/08/01 Python
JAVA招聘远程笔试题
2015/07/23 面试题
行政文员岗位职责
2013/11/08 职场文书
业务员岗位职责范本
2013/12/15 职场文书
法律专业实习鉴定
2013/12/22 职场文书
事业单位接收函
2014/01/10 职场文书
一体化教学实施方案
2014/05/10 职场文书
综治维稳工作汇报
2014/10/27 职场文书
2014年公务员个人工作总结
2014/11/22 职场文书
市场督导岗位职责
2015/04/10 职场文书
PHP对接阿里云虚拟号的实现(号码隐私保护)
2021/04/06 PHP
浅谈MySql整型索引和字符串索引失效或隐式转换问题
2021/11/20 MySQL