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


JavaScript #本地图片2012-05-21 13:53

先上代码:

<!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>
firefox7+请使用return window.URL.createObjectURL(obj.files.item(0));来获取地址


相关文章

粤ICP备11097351号-1