通过JS获取用户本地图片路径并显示的代码


复制代码 代码如下:

<!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格式后运行。



相关阅读:
感应鼠标的图片遮罩动画效果
dedecms pagelist标签修改方法分享
linux系统下cron运行php程序
基于jquery实现的可以编辑选择的下拉框的代码
jquery trim() 功能源代码
ASP.NET中高质量缩略图的生成代码
在 Windows 系统下管理 Oracle 9i 服务
nfs 配置的简单例子
jQuery中将函数赋值给变量的调用方法
Oracle需要的是Zend而不是Red Hat
单点登陆(SSO)组件的设计与实现一
javascript基础实例:如何计算24点(3)
Linux环境下几款优秀的应用软件
一个php Mysql类 可以参考学习熟悉下
快速导航

Copyright © 2016 phpStudy |