Question

所以我有一个选择菜单，允许用户选择几种方法来选择他们正在尝试的文件。他们可以自己创建文件，内联，他们可以从现有文件中选择，也可以浏览他们的计算机上传文件。当他们从选择菜单中选择最后一个选项时，我希望它能够自动启动浏览器/操作系统的“文件选择器”对话框，但我不能在我的生活中弄清楚如何在OS和浏览器中使用它。从技术上讲，我只需要它在Windows和OSX上用于FF和Chrome（最新版本）。

这是我想要做的一个例子，即使这甚至没有接近工作（文件输入类隐藏了浏览器添加的所有典型文件选择器。所以这看起来像一个简单的文本字符串）：

<select>
    <option value="note" class="disabled">Select File</option>
    <option value="import">
     <label id="add-computer-button" for="fileupload" class="file-input-button-spirent">Import File</label>
      <input id="fileupload" type="file" multiple="multiple" name="browse" accept="image/*" class="file-input-button" />
    </option>
    <option value="library">Select from Library</option>
    <option value="custom">Build file</option>
  </select>

Answer 1

尝试类似：

<script>
 $("#selectList").on("change", function(){
   var x = $("option:selected",this).val();
    if(x=="import"){
     $("#fileUpload").click();
    }
  });
</script>

<select id="selectList">
    <option value="note" class="disabled">Select File</option>
    <option value="import"></option>        
    <option value="library">Select from Library</option>
    <option value="custom">Build file</option>
  </select>
     <input id="fileUpload" type="file" name="upload" accept=""  style="display:none;">

有没有办法添加在选择菜单中浏览文件的功能？

1 个答案: