打開文件瀏覽器來選擇文件輸入類型=文件觸發選擇框選項更改

我想打開輸入類型文件的文件瀏覽器窗口，觸發選擇框選項上的更改。但它不起作用。任何想法什麼是錯的，如何讓它工作？ 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

打開文件瀏覽器來選擇文件輸入類型=文件觸發選擇框選項更改

回答

相關問題