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

通过判断JavaScript的版本实现执行不同的代码

May 11 Javascript

Javascript 面向对象编程（一）封装

Aug 28 Javascript

20行代码实现的一个CSS覆盖率测试脚本

Jul 07 Javascript

jQuery分组选择器用法实例

Dec 23 Javascript

JavaScript实现清空(重置)文件类型INPUT元素值的方法

Nov 17 Javascript

详解js中Number()、parseInt()和parseFloat()的区别

Dec 20 Javascript

bootstrap 模态框（modal）实现水平垂直居中显示

Jan 23 Javascript

canvas绘制的直线动画

Jan 23 Javascript

JS实现留言板功能

Jun 17 Javascript

JS随机排序数组实现方法分析

Oct 11 Javascript

ng-alain表单使用方式详解

Jul 10 Javascript

老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)

Sep 19 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 error_log()将错误信息写入一个文件(定义和用法)

2013/10/25 PHP

ThinkPHP提交表单时默认自动转义的解决方法

2014/11/25 PHP

Apache启动报错No space left on device: AH00023该怎么解决

2015/10/16 PHP

10款实用的PHP开源工具

2015/10/23 PHP

phpstorm激活码2020附使用详细教程

2020/09/25 PHP

javascript转换字符串为dom对象（字符串动态创建dom）

2010/05/10 Javascript

jquery搜索框效果实现方法

2015/01/16 Javascript

js实现鼠标感应向下滑动隐藏菜单的方法

2015/02/20 Javascript

在AngularJS中使用jQuery的zTree插件的方法

2016/04/21 Javascript

Angular2学习笔记——详解NgModule模块

2016/12/02 Javascript

js实现倒计时效果（小于10补零）

2017/03/08 Javascript

vue-router 路由基础的详解

2017/10/17 Javascript

利用hasOwnProperty给数组去重的面试题分享

2018/11/05 Javascript

VUE组件中的 Drawer 抽屉实现代码

2019/08/06 Javascript

js中addEventListener()与removeEventListener()用法案例分析

2020/03/02 Javascript

javascript实现移动端红包雨页面

2020/06/23 Javascript

关于vue 结合原生js 解决echarts resize问题

2020/07/26 Javascript

[48:51]完美世界DOTA2联赛PWL S2 Magma vs InkIce 第一场 11.28

2020/12/02 DOTA

简单介绍Python中的floor()方法

2015/05/15 Python

Python批量按比例缩小图片脚本分享

2015/05/21 Python

PyQt5打开文件对话框QFileDialog实例代码

2018/02/07 Python

使用Python制作简单的小程序IP查看器功能

2019/04/16 Python

Python占用的内存优化教程

2019/07/28 Python

使用python获取邮箱邮件的设置方法

2019/09/20 Python

关于pytorch中全连接神经网络搭建两种模式详解

2020/01/14 Python

最经典的商业地产项目广告词

2014/03/13 职场文书

母亲节演讲稿

2014/05/27 职场文书

2014年教师党员公开承诺书

2014/05/28 职场文书

伦敦奥运会的口号

2014/06/21 职场文书

我的中国梦演讲稿500字

2014/08/19 职场文书

幼儿生日活动方案

2014/08/27 职场文书

反邪教观后感

2015/06/11 职场文书

Python实现排序方法常见的四种

2021/07/15 Python

十大最强电系宝可梦，阿尔宙斯电系之一，第七被称为雷神

2022/03/18 日漫

《乙女游戏世界对路人角色很不友好》OP主题曲无字幕动画MV公开

2022/04/05 日漫

Linux中一对多配置日志服务器的详细步骤

2022/07/23 Servers