当前位置:编程学习 > JS >>

如何通过JS获取用户本地图片路径

直接上代码 记录一下
 
 
 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 5 <title>get file input full path</title>
 6     <script language='javascript'>
 7 function getFullPath(obj)
 8         {
 9 if(obj)
10             {
11 //ie
12 if (window.navigator.userAgent.indexOf("MSIE")>=1)
13                 {
14                     obj.select();
15 return document.selection.createRange().text;
16                 }
17 //firefox
18 else if(window.navigator.userAgent.indexOf("Firefox")>=1)
19                 {
20 if(obj.files)
21                     {
22 return obj.files.item(0).getAsDataURL();
23                     }
24 return obj.value;
25                 }
26 return obj.value;
27             }
28         }
29 </script>
30     </head>
31     <body>
32         <input type="file" onchange="document.getElementById('img').src=getFullPath(this);" />
33     <img id="img" />
34     </body>
35 </html>
 
 
firefox7+请使用return window.URL.createObjectURL(obj.files.item(0));来获取地址

 


摘自 AhJesus

补充:web前端 , JavaScript ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,