通过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 相关文章推荐
另类调用flash无须激活的方法
Dec 27 Javascript
js类中的公有变量和私有变量
Jul 24 Javascript
jquery isEmptyObject判断是否为空对象的函数
Feb 14 Javascript
JQuery动态创建DOM、表单元素的实现代码
Aug 09 Javascript
jQuery使用动态渲染表单功能完成ajax文件下载
Jan 15 Javascript
JavaScript实现存储HTML字符串示例
Apr 21 Javascript
快速使用Bootstrap搭建传送带
May 06 Javascript
使用vue.js实现checkbox的全选和多个的删除功能
Feb 17 Javascript
js canvas实现擦除效果示例代码
Apr 26 Javascript
使用ECharts实现状态区间图
Oct 25 Javascript
js实现一个简易计算器
Mar 30 Javascript
Vue 监听元素前后变化值实例
Jul 29 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
IIS下配置Php+Mysql+zend的图文教程
2006/12/08 PHP
php使用COPY函数更新配置文件的方法
2015/06/18 PHP
PHP使用trim函数去除字符串左右空格及特殊字符实例
2016/01/07 PHP
php之可变变量的实例详解
2017/09/12 PHP
Cookie跨域问题解决方案代码示例
2020/11/24 PHP
jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
2008/08/14 Javascript
使用原生js写的一个简单slider
2014/04/29 Javascript
ext combobox动态加载数据库数据(附前后台)
2014/06/17 Javascript
使用pjax实现无刷新更改页面url
2015/02/05 Javascript
jQuery制作可自定义大小的拼图游戏
2015/03/30 Javascript
jQuery插件EnPlaceholder实现输入框提示文字
2015/06/05 Javascript
详解JS异步加载的三种方式
2017/03/07 Javascript
js实现下拉框效果(select)
2017/03/28 Javascript
element-ui 中的table的列隐藏问题解决
2018/08/24 Javascript
vue 监听某个div垂直滚动条下拉到底部的方法
2018/09/15 Javascript
Node.js 多进程处理CPU密集任务的实现
2019/05/26 Javascript
vue中渲染对象中属性时显示未定义的解决
2020/07/31 Javascript
python dict remove数组删除(del,pop)
2013/03/24 Python
举例讲解Python程序与系统shell交互的方式
2015/04/09 Python
Python+matplotlib实现华丽的文本框演示代码
2018/01/22 Python
django2用iframe标签完成网页内嵌播放b站视频功能
2018/06/20 Python
Python实现的合并两个有序数组算法示例
2019/03/04 Python
Python将主机名转换为IP地址的方法
2019/08/14 Python
python模块如何查看
2020/06/16 Python
python selenium 获取接口数据的实现
2020/12/07 Python
selenium自动化测试入门实战
2020/12/21 Python
ONLY瑞典官网:世界知名服装品牌
2018/06/19 全球购物
请编写一个 C 函数,该函数在给定的内存区域搜索给定的字符,并返回该字符所在位置索引值
2014/09/15 面试题
小学教师寄语大全
2014/04/03 职场文书
外贸业务员求职信
2014/06/16 职场文书
公路施工安全责任书
2015/05/08 职场文书
行政复议答复书
2015/07/01 职场文书
幼儿园班级管理心得体会
2016/01/07 职场文书
《富饶的西沙群岛》教学反思
2016/02/16 职场文书
2019年大学生暑期社会实践调查报告模板
2019/11/07 职场文书
刚学完怎么用Python实现定时任务,转头就跑去撩妹!
2021/06/05 Python