是否有办法添加在选择菜单中浏览文件的功能?
Is there a way to add the ability to browse for files in a select menu?
所以我有一个选择菜单,允许用户选择几种方法来选择他们想要做的文件。他们可以创建自己的文件,内联,他们可以从现有的文件中选择,或者他们可以浏览他们的电脑上传文件。当他们从选择菜单中选择最后一个选项时,我希望它能自动启动浏览器/操作系统的"文件选择器"对话框,但我不知道如何让它在操作系统和浏览器之间工作。从技术上讲,我只需要它在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>
试试这样写:
<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;">
相关文章:
- 链接/按钮从子文件夹下载文件--浏览器只是浏览
- 玉循环浏览文件目录
- 如何在 html/javaScript/Jquery 中“浏览文件夹”
- 在另一个可浏览的应用程序中包含已绑定的文件
- 在jquery的另一个文件上浏览jquery插件
- 如何在jquery/JavaScript中打开浏览文件对话框时执行取消事件
- Appcelerator Titanium-openFileChooserDialog不存在:如何打开对话框浏览文件
- javascript浏览文件并在iframe中显示内容
- 使用 javascript 提取并浏览文件夹中.ZIP文件修改时间戳
- 如何从网页浏览文件夹并在页面上显示其内容
- 共享已浏览文件中的代码
- 是否有办法添加在选择菜单中浏览文件的功能?
- 如何只使用JSP和javascript显示浏览FOLDER窗口(而不是浏览文件)
- jquery UI对话框中的浏览文件按钮
- Jquery文件上传替换浏览文件的bug
- 追加浏览文件输入不显示预览图像
- 如何使用链接而不是普通的文件输入按钮来浏览文件和文件夹
- 如何使用脚本打开文件对话框或浏览文件窗口
- 比如jQuery中的浏览文件
- 如何使浏览文件上传窗口只显示.jpg格式的图片?