打开文件浏览器以选择要输入的文件类型=选择框选项更改时触发的文件
Opening file browser to select file for input type=file triggering on select box option change
我正试图打开输入类型文件的文件浏览器窗口,在选择框选项更改时触发。但它不起作用。你知道哪里出了问题以及如何解决吗?FWIW我试图从http://jsfiddle.net/afxDC这是针对文本字段的。
更新:-我发现这段代码适用于FF 28.0,但不适用于chrome 33.0.1750.152和Safari 7.0.3版(9537.75.14)。所以也需要在这些浏览器上运行
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.js"></script>
<style type="text/css">
input[type=file] {
display:block;
height:0;
width:0;
}
</style>
</head>
<body>
<div class="item">
<select id="media-selector">
<option value=""></option>
<option value="image">Add image</option>
<option value="video">Add video</option>
</select>
<input type="file"/>
</div>
<script type="text/javascript">
$("#media-selector").change(function() {
$(this).parents(".item")
.find('input[type=file]')
.trigger('click');
});
</script>
</body>
</html>
这里有一个解决方案-http://jsfiddle.net/afxDC/33/
jQuery-
$('#media-selector').change(function () {
$(this).closest('.item')
.find('input[type=file]')
.trigger('click');
});
HTML
<div class="item">
<select id="media-selector">
<option value=""></option>
<option value="image">Add image</option>
<option value="video">Add video</option>
</select>
<input type="file" />
</div>
相关文章:
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- java,javascript签名的小程序(文件选择,ftp上传)安全性/套接字异常
- 输入类型=“;文件“;onclick有效,但文件选择不显示
- 选择同一文件时未触发HTML输入文件选择事件
- 多个文件选择
- 当您选择不同的视图时,Google文件选择器示例会中断,例如google.picker.ViewId.DOCS
- JavaScript/HTML5音频:在Android Chrome中播放用户通过文件选择器加载的mp3文件
- 如何将文件选择器添加到angularjs模板中
- Angular文件上传插件:文件选择在Firefox中无法正常工作
- 从其他位置触发文件选择窗口
- IE8或IE9-支持多文件选择上传,无需Flash和HTML5
- 在windows8中,将“从文件选择器中拾取的文件”定义为Listview数据源
- 文件选择/文件API-将文件发送到嵌入式PDFObject
- 显示从文件选择器中选择的图像的图像缩略图
- 此api版本不支持onedrive文件选择器aadsts70001应用程序
- 在聚焦文本输入时触发文件选择
- Phonegap:解析从本机文件选择器获取 content:// URI
- HTML / JavaScript文件选择检查
- 如何在jquery中传递文件选择事件
- j查询文件选择与超链接