如何觸發<INPUT TYPE = 「文件」>使用jQuery

元素是否有觸發點擊甚至的一種方式：如何觸發<INPUT TYPE = 「文件」>使用jQuery

<input id="test" type="file">

？

來源

2011-03-13 Twidizle

據我所知，沒有辦法以編程方式觸發安全的原因。你必須明確地點擊它。

來源

2011-03-13 19:56:34 Sarfraz

見哈立德的評論。你所要做的就是在文件輸入的JavaScript中觸發點擊。 – 2012-11-09 20:27:14

由於安全考慮（在未經用戶同意或不知情的情況下竊取用戶的文件），但預先填充輸入類型文件是絕對不可能的，但可以通過瀏覽器打開它並[可以像這樣完成]（http://stackoverflow.com /一個/216084分之12881646）。 – 2014-10-11 12:11:17

-1

不，沒有，這是一件好事，因爲它會對用戶非常惱人。用戶是否想要上傳某個文件只是在控制中，我個人會討厭一個站點在我訪問它時自動將一個打開的對話框粘貼到我的鼻子中。

來源

2011-03-13 19:56:49

不可能（安全原因）。

來源

2011-03-13 19:57:43

不使用顯示：無或visibility：hidden的最初在CSS

在的Jquery：

$(document).ready(function() { 
$('#test').hide(); 
});

來源

2012-07-17 11:57:56 Raghav

真的幫了我.....真棒....我無法弄清楚爲什麼它的工作....但它是工作... :) – 2012-12-04 08:06:33

我一直在尋找同樣的事情，並找到答案在 trigger file upload dialog using javascript/jquery 和運行示例是

它根本

$('#test').trigger('click');

來源

2012-10-14 11:05:21 Khaled

沒有辦法以編程方式觸發上傳窗口，但是如果你只是想遮醜「選擇文件」按鈕上並inputfield，有一個簡單的解決方案。

只需使用任何舊技術隱藏輸入並添加一個引用它的標籤即可。您可以隨心所欲地設計標籤。點擊標籤將觸發上傳窗口。

例如：下面

<input id="test" type="file" style="display: none" /> 
 
<label for="test" class="make-it-look-like-a-button">Upload</label>

來源

2015-08-05 14:52:36

我自己使用點擊觸發器，直到我找到一個問題。如果您出於某種原因在動態元素上使用點擊觸發器，則不會將上載加載到輸入中。無論如何，我接受了您的建議，並將標籤設計爲一個按鈕，即使在動態的情況下，它也能正常工作。我知道這個人是在說如何在jQuery中做到這一點，但實際上這應該是被接受的答案。 – 2017-07-09 14:21:35

如何觸發<INPUT TYPE = 「文件」>使用jQuery

回答

相關問題