input file隐藏浏览

最新推荐文章于 2023-02-07 11:31:56 发布

ABCDEF

最新推荐文章于 2023-02-07 11:31:56 发布

阅读量1.3k

点赞数

分类专栏： Javascript

Javascript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

 
  来自http://bbs.csdn.net/topics/320156312 
 
 
    
 
 
  <!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=utf-8" 
  />  
 
 
  </ 
  head 
  >  
 
 
  < 
  body 
  >  
 
 
  < 
  div 
  >  
 
 
  < 
  form 
  id 
  = 
  "form1" 
  name 
  = 
  "form1" 
  enctype 
  = 
  "multipart/form-data" 
  method 
  = 
  "post" 
  action 
  = 
  "1.php" 
  >  
 
 
  < 
  input 
  type 
  = 
  "file" 
  id 
  = 
  "file" 
  name 
  = 
  "file" 
  style 
  = 
  "display:none" 
  />  
 
 
  < 
  input 
  type 
  = 
  "button" 
  name 
  = 
  "button" 
  value 
  = 
  "点我就像点击“浏览”按钮一样" 
  onclick 
  = 
  "javascript:openBrowse();" 
  /> 
 
 
  < 
  input 
  type 
  = 
  "text" 
  id 
  = 
  "filename" 
  />  
 
 
  </ 
  form 
  >  
 
 
  </ 
  body 
  >  
 
 
  < 
  script 
  type 
  = 
  "text/javascript" 
  >  
 
 
  function openBrowse(){  
 
 
  var ie=navigator.appName=="Microsoft Internet Explorer" ? true : false;  
 
 
  if(ie){  
 
 
  document.getElementById("file").click();  
 
 
  document.getElementById("filename").value=document.getElementById("file").value; 
 
 
  }else{ 
 
 
  var a=document.createEvent("MouseEvents");//FF的处理  
 
 
  a.initEvent("click", true, true);   
 
 
  document.getElementById("file").dispatchEvent(a);  
 
 
  }  
 
 
  }  
 
 
  </ 
  script 
  >  
 
 
  </ 
  html 
  > 
 