打开文件浏览器来选择文件输入类型=文件触发选择框选项更改

我想打开输入类型文件的文件浏览器窗口，触发选择框选项上的更改。但它不起作用。任何想法什么是错的，如何让它工作？ FWIW我试图从http://jsfiddle.net/afxDC得到一个想法，那就是文本字段。打开文件浏览器来选择文件输入类型=文件触发选择框选项更改

更新： - 我发现这个代码在FF 28.0，但不是铬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>

来源

2014-04-10 JVK

这里是一个解决方案 - 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>

来源

2014-04-10 20:08:15

没有为你工作？我也拜访了你的jsfiddle，但我没有找到它的工作。 – JVK

它使用FF作为浏览器就好了。更改下拉菜单将打开文件浏览器。 –

我使用的是Chrome版本33.0.1750.152，它不适用于我。 – JVK

打开文件浏览器来选择文件输入类型=文件触发选择框选项更改

回答

相关问题