输入类型文件，仅通过按钮触发弹出窗口

Question

我有这个文件上传控件：

哪个有这个标记：

<div class="controls">
    <input name="attachments[]"  id="attachment_control" runat="server" type="file" /><br />     
    <div id="fileuploads" runat="server"></div>
</div>

我想以某种方式修复此控件，以便仅在 Browse 按钮单击时显示弹出窗口。就像现在一样，在您点击控件的任何地方，都会显示上传弹出窗口，但我只想在用户点击按钮时显示弹出窗口。

我该怎么做？

Answer 1

＆＃13;

＆＃13;

$("#nofile").click(function() {
      $("#fileuploads").click();
      });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="controls">
     <label>File</lable>
     <input type="button" value="Upload" id="nofile"  width="30px"/>
     <input type="file" id="fileuploads" runat="server" style="display: none;" />
     </div>

＆＃13;

＆＃13;

＆＃13;

这可能会有所帮助

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

<div class="controls">
 <label>File</lable>
 <input type="button" value="Upload" id="nofile"  width="30px"/>
 <input type="file" id="fileuploads" runat="server" style="display: none;" />
 </div>

  <script type="text/javascript">
  $("#nofile").click(function() {
  $("#fileuploads").click();
  });
  </script>