2015-09-23 38 views
1

所以我有一個選擇菜單,允許用戶選擇幾種方式爲他們想要做的事情選擇一個文件。他們可以自己創建文件,內聯文件,可以從現有文件中選擇文件,也可以瀏覽計算機上傳文件。當他們從選擇菜單中選擇最後一個選項時,我希望它自動啓動瀏覽器/操作系統的「文件選擇器」對話框,但我無法想象如何在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> 
+1

? – JMusic

+0

@JMusic這限制了上傳到圖像文件類型。 – Mark

+0

無效的HTML將''放入'