上传文件

Question

<input id="file" name="file_upload" type="file" style="display:none">
<a id="open_upload">upload file</a>能不能通过点击 upload file 来打开文件选择框？

Answer 1

我就是想把 <input type="file">隐藏
通过点击upload file来打开文件选择框。明白？

Answer 2

本页不可以.或者我做不到。
引入iframe,并隐藏，可以控制里面的file

Answer 3

麻烦详细说一下，最关键的一步就是怎么通过之前的click事件来打开file.

Answer 4

 <input id="file" name="file_upload" type="file" style="display:none">
  <a id="open_upload">upload file</a>
  <script type="text/javascript">
var upload = document.getElementById("open_upload");
upload.onclick = function(){
document.getElementById("file").style.display = "block";
}
  </script>

Answer 5

ie 下可以用 click()document.getElementById("file").click();

Answer 6

<input id="file" name="file_upload" type="file" style="display:none">
<a id="open_upload" onclick="file.click();">upload file</a>

Answer 7

嗯，就是有这个问题， click()只能在ie下

Answer 8

页面中引入另一页面,如:other.html
<a href="#" onclick="openFileSelect();return false;">点击选择文件</a>
<iframe id="tar" src="other.html" style="display:none">function openFileSelect(){
   var tar = document.getElementById('tar');
   var file = tar.getElementById('searchbtn');
   file.click();
   if(file.value.length != 0) {
tar.getElementById('myform').submit();
   }
}other.html内容...
<form action="你要上传的服务器地址" enctype="multipart/form-data" method="post" id="myform">
<input type="file" name="myfile1" id="searchbtn">
<input type="submit" id="sub" value="确定">
</form>

Answer 9

点击upload file按钮，执行点击上传的控件