通过 JS 获取用户本地图片路径并显示的代码,多用于本地上传图片的预览效果
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
- <!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 格式后运行。
来源: