通过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 CSS去除IE链接虚线框的三种方法
Nov 14 Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
Aug 18 Javascript
JS模式之单例模式基本用法
Jun 30 Javascript
通过node-mysql搭建Windows+Node.js+MySQL环境的教程
Mar 01 Javascript
jquery对象访问是什么及使用方法介绍
May 03 Javascript
javascript和jQuery实现网页实时聊天的ajax长轮询
Jul 20 Javascript
AngularJS基础 ng-dblclick 指令用法
Aug 01 Javascript
微信小程序 wxapp内容组件 text详细介绍
Oct 31 Javascript
Vue系列:通过vue-router如何传递参数示例
Jan 16 Javascript
Vue2.0父子组件传递函数的教程详解
Oct 16 Javascript
Vue中父子组件通讯之todolist组件功能开发
May 21 Javascript
JavaScript闭包与作用域链实例分析
Jan 21 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程序?
2006/12/08 PHP
php中eval函数的危害与正确禁用方法
2014/06/30 PHP
php 广告点击统计代码(php+mysql)
2018/02/21 PHP
屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码
2007/04/01 Javascript
jquery 仿QQ校友的DIV模拟窗口效果源码
2010/03/24 Javascript
基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
2010/12/11 Javascript
IE8对JS通过属性和数组遍历解析不一样的地方探讨
2013/05/06 Javascript
jQuery截取指定长度字符串的实现原理及代码
2014/07/01 Javascript
AngularJS ng-bind 指令简单实现
2016/07/30 Javascript
利用Angularjs实现幻灯片效果
2016/09/07 Javascript
JavaScript、C# URL编码、解码总结
2017/01/21 Javascript
Vue中的数据监听和数据交互案例解析
2017/07/12 Javascript
使用D3.js制作图表详解
2017/08/13 Javascript
解决Nodejs全局安装模块后找不到命令的问题
2018/05/15 NodeJs
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题
2018/09/27 Javascript
Node.js+Express+Mysql 实现增删改查
2019/04/03 Javascript
vue中多路由表头吸顶实现的几种布局方式
2019/04/12 Javascript
Net微信网页开发 使用微信JS-SDK获取当前地理位置过程详解
2019/08/26 Javascript
vue element-ui中table合计指定列求和实例
2020/11/02 Javascript
原生js实现点击按钮复制内容到剪切板
2020/11/19 Javascript
Python浅拷贝与深拷贝用法实例
2015/05/09 Python
Python3控制路由器——使用requests重启极路由.py
2016/05/11 Python
flask session组件的使用示例
2018/12/25 Python
Python设计模式之命令模式原理与用法实例分析
2019/01/11 Python
Python设计模式之简单工厂模式实例详解
2019/01/22 Python
Python Gluon参数和模块命名操作教程
2019/12/18 Python
Ubuntu18.04安装 PyCharm并使用 Anaconda 管理的Python环境
2020/04/08 Python
CSS3教程(6):创建网站多列
2009/04/02 HTML / CSS
html5+CSS3+JS实现七夕言情功能代码
2017/08/28 HTML / CSS
深入解析HTML5 Canvas控制图形矩阵变换的方法
2016/03/24 HTML / CSS
创业资金计划书
2014/02/06 职场文书
建筑学专业自荐书
2014/07/09 职场文书
2014镇党委班子对照检查材料思想汇报
2014/09/23 职场文书
任命书怎么写
2015/03/02 职场文书
小学六年级毕业感言
2015/07/30 职场文书
Python通过m3u8文件下载合并ts视频的操作
2021/04/16 Python