通过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 相关文章推荐
javascript 支持链式调用的异步调用框架Async.Operation
Aug 04 Javascript
js中的json对象详细介绍
Oct 29 Javascript
jQuery源码解读之removeClass()方法分析
Feb 20 Javascript
webuploader模态框ueditor显示问题解决方法
Dec 27 Javascript
详谈jQuery unbind 删除绑定事件 / 移除标签方法
Mar 02 Javascript
bootstrap 通过加减按钮实现输入框组功能
Nov 15 Javascript
使用node打造自己的命令行工具方法教程
Mar 26 Javascript
配置eslint规范项目代码风格
Mar 11 Javascript
Layui 导航默认展开和菜单栏选中高亮设置的方法
Sep 04 Javascript
vue中使用rem布局代码详解
Oct 30 Javascript
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
Apr 04 jQuery
原生JS实现弹幕效果的简单操作指南
Nov 10 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
超神学院:鹤熙已踏入神圣领域,实力不比凯莎弱
2020/03/02 国漫
ThinkPHP的MVC开发机制实例解析
2014/08/23 PHP
Cookie 小记
2010/04/01 Javascript
javascript学习笔记(九)javascript中的原型(prototype)及原型链的继承方式
2011/04/12 Javascript
基于JQuery的模拟苹果桌面Dock效果(稳定版)
2012/10/15 Javascript
使用CamanJS在Web页面上处理图像的技巧
2015/08/18 Javascript
深入浅析javascript立即执行函数
2015/10/23 Javascript
JavaScript设置、获取、清除单值和多值cookie的方法
2015/11/17 Javascript
关于input全选反选恶心的异常情况
2016/07/24 Javascript
JS中使用FormData上传文件、图片的方法
2016/08/07 Javascript
详解Vue生命周期的示例
2017/03/10 Javascript
node.js学习之事件模块Events的使用示例
2017/09/28 Javascript
javascript基于定时器实现进度条功能实例
2017/10/13 Javascript
VuePress 中如何增加用户登录功能
2019/11/29 Javascript
bootstrap-paginator服务器端分页使用方法详解
2020/02/13 Javascript
vue 移动端记录页面浏览位置的方法
2020/03/11 Javascript
JS实现图片懒加载(lazyload)过程详解
2020/04/02 Javascript
js实现三角形粒子运动
2020/09/22 Javascript
Vue中的nextTick作用和几个简单的使用场景
2021/01/25 Vue.js
python实现合并两个数组的方法
2015/05/16 Python
Python中使用多进程来实现并行处理的方法小结
2017/08/09 Python
python 通过字符串调用对象属性或方法的实例讲解
2018/04/21 Python
Python3.6实现连接mysql或mariadb的方法分析
2018/05/18 Python
对pandas的算术运算和数据对齐实例详解
2018/12/22 Python
Python实现i人事自动打卡的示例代码
2020/01/09 Python
Python中zipfile压缩文件模块的基本使用教程
2020/06/14 Python
Python编写memcached启动脚本代码实例
2020/08/14 Python
python tkinter实现连连看游戏
2020/11/16 Python
Python可以用来做什么
2020/11/23 Python
Python json解析库jsonpath原理及使用示例
2020/11/25 Python
python学习之使用Matplotlib画实时的动态折线图的示例代码
2021/02/25 Python
使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡跟随变化的效果
2020/11/10 HTML / CSS
TIME时代杂志台湾总代理:台时亚洲
2018/10/22 全球购物
小学英语教师先进事迹
2014/05/28 职场文书
SSM VUE Axios详解
2021/10/05 Vue.js
VUE解决跨域问题Access to XMLHttpRequest at
2022/05/06 Vue.js