编程 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 相关文章推荐

如何简单地用YUI做JavaScript动画

Mar 10 Javascript

多个js与css文件的合并方法详细说明

Dec 26 Javascript

给html超链接设置事件不使用href来完成跳

Apr 20 Javascript

简单易用的倒计时js代码

Aug 04 Javascript

jquery密码强度校验

Dec 02 Javascript

基于JavaScript实现通用tab选项卡(通用性强)

Jan 07 Javascript

关于vuex的学习实践笔记

Apr 05 Javascript

requirejs + vue 项目搭建详解

Jun 16 Javascript

详解原生JS动态添加和删除类

Mar 26 Javascript

最简单的vue消息提示全局组件的方法

Jun 16 Javascript

vue-preview动态获取图片宽高并增加旋转功能的实现

Jul 29 Javascript

VUE使用draggable实现组件拖拽

Apr 06 Vue.js

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中foreach()用法汇总

2015/07/02 PHP

PHP仿微信多图片预览上传实例代码

2016/09/13 PHP

Laravel5.1自定义500错误页面示例

2016/10/09 PHP

PHP实现Google plus的好友拖拽分组效果

2016/10/21 PHP

PHP实现的mysql读写分离操作示例

2018/05/22 PHP

JavaScript Cookie的读取和写入函数

2009/12/08 Javascript

ExtJs Excel导出并下载IIS服务器端遇到的问题

2011/09/16 Javascript

document.all的一个比较完整的总结及案例

2013/01/31 Javascript

JavaScript调用堆栈及setTimeout使用方法深入剖析

2013/02/16 Javascript

node.js实现逐行读取文件内容的代码

2014/06/27 Javascript

JavaScript分析、压缩工具JavaScript Analyser

2014/12/31 Javascript

javascript图片预加载完整实例

2015/12/10 Javascript

JavaScript接口的实现三种方式(推荐)

2016/06/14 Javascript

JS防止网页被嵌入iframe框架的方法分析

2016/09/13 Javascript

一步一步封装自己的HtmlHelper组件BootstrapHelper（三）

2016/09/14 Javascript

ES6实现的遍历目录函数示例

2017/04/07 Javascript

老生常谈javascript中逻辑运算符&&和||的返回值问题

2017/04/13 Javascript

JavaScript你不知道的一些数组方法

2017/08/18 Javascript

jQuery实现可兼容IE6的滚动监听功能

2017/09/20 jQuery

vue2 前端搜索实现示例

2018/02/26 Javascript

微信小程序发送短信验证码完整实例

2019/01/07 Javascript

ES6学习笔记之let与const用法实例分析

2020/01/22 Javascript

Javascript实现打鼓效果

2021/01/29 Javascript

python爬虫中get和post方法介绍以及cookie作用

2018/02/08 Python

python使用PIL给图片添加文字生成海报示例

2018/08/17 Python

浅谈python下tiff图像的读取和保存方法

2018/12/04 Python

Python中时间datetime的处理与转换用法总结

2019/02/18 Python

详解Python Qt的窗体开发的基本操作

2019/07/14 Python

Python3 sys.argv[ ]用法详解

2019/10/24 Python

Python 解决火狐浏览器不弹出下载框直接下载的问题

2020/03/09 Python

python sleep和wait对比总结

2021/02/03 Python

波兰电子产品购物网站：Vobis

2019/05/26 全球购物

美国最大的户外装备和服装购物网站：Backcountry

2019/10/15 全球购物

急诊科护士自我鉴定

2013/10/14 职场文书

小学红领巾中秋节广播稿

2014/01/13 职场文书

NASA 机智号火星直升机拍到了毅力号设备碎片

2022/04/29 数码科技