编程 Javascript

通过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 相关文章推荐

jQuery获取Radio,CheckBox选择的Value值(示例代码)

Dec 12 Javascript

Js实现动态添加删除Table行示例

Apr 14 Javascript

DOM节点深度克隆函数cloneNode()用法实例

Jan 12 Javascript

jQuery使用$.get()方法从服务器文件载入数据实例

Mar 25 Javascript

jquery 无限极下拉菜单的简单实例(精简浓缩版)

May 31 Javascript

禁用backspace网页回退功能的实现代码

Nov 15 Javascript

微信小程序获取微信运动步数的实例代码

Jul 20 Javascript

vue2.0移除或更改的一些东西(移除index key)

Aug 28 Javascript

Redux 和 Mobx的选择问题：让你不再困惑！

Sep 18 Javascript

vue 使用vue-i18n做全局中英文切换的方法

Oct 29 Javascript

node.js开发辅助工具nodemon安装与配置详解

Feb 06 Javascript

html实现随机点名器的示例代码

Apr 02 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

15种PHP Encoder的比较

2007/04/17 PHP

给初学者的30条PHP最佳实践(荒野无灯)

2011/08/02 PHP

php引用地址改变变量值的问题

2012/03/23 PHP

mantis安装、配置和使用中的问题小结

2014/07/14 PHP

PHP语法自动检查的Vim插件

2014/08/11 PHP

CentOS6.5 编译安装lnmp环境

2014/12/21 PHP

PHP多维数组元素操作类的方法

2016/11/14 PHP

PHP最常用的正则表达式

2017/02/13 PHP

一段利用WSH获取登录时间的jscript代码

2008/05/11 Javascript

改变javascript函数内部this指针指向的三种方法

2010/04/23 Javascript

Jquery同辈元素选中/未选中效果的实例代码

2013/08/01 Javascript

火狐下input焦点无法重复获取问题的解决方法

2014/06/16 Javascript

ie8下修改input的type属性报错的解决方法

2014/09/16 Javascript

vuejs在解析时出现闪烁的原因及防止闪烁的方法

2016/09/19 Javascript

微信小程序表单Form实例详解（附源码）

2016/12/22 Javascript

ng-options和ng-checked在表单中的高级运用(推荐)

2017/01/21 Javascript

原生node.js案例--前后台交互

2017/02/20 Javascript

vue Render中slots的使用的实例代码

2017/07/19 Javascript

JS实现Cookie读、写、删除操作工具类示例

2018/08/28 Javascript

微信小程序引入模块中wxml、wxss、js的方法示例

2019/08/09 Javascript

微信小程序实现音频文件播放进度的实例代码

2020/03/02 Javascript

JavaScript JSON使用原理及注意事项

2020/07/30 Javascript

在vue中使用vant TreeSelect分类选择组件操作

2020/11/02 Javascript

在Python中操作列表之List.pop()方法的使用

2015/05/21 Python

Python利用matplotlib生成图片背景及图例透明的效果

2017/04/27 Python

python中 logging的使用详解

2017/10/25 Python

更换Django默认的模板引擎为jinja2的实现方法

2018/05/28 Python

python 类的继承实例方法.静态方法.类方法的代码解析

2019/08/23 Python

python3 常见解密加密算法实例分析【base64、MD5等】

2019/12/19 Python

Pytorch 多块GPU的使用详解

2019/12/31 Python

基于Python词云分析政府工作报告关键词

2020/06/02 Python

威尔逊皮革：Wilsons Leather

2018/12/07 全球购物

优秀团员事迹材料

2014/12/25 职场文书

python基础之类方法和静态方法

2021/10/24 Python

python 安全地删除列表元素的方法

2022/03/16 Python

MySQL数据库查询之多表查询总结

2022/08/05 MySQL