使用 jQuery 觸發檔案輸入
為了使用 jQuery 啟動上傳框,您使用了以下方法:
$('#fileinput').trigger('click');
然而,事實證明並不成功。這就提出了一個問題:如何使用 jQuery 成功觸發文件輸入框?
安全限制和解決方法
失敗的嘗試可歸因於安全限制。需要注意的是,當 時,會施加安全限制。元素呈現為隱藏(透過 display:none 或 Visibility:hidden)。
要規避此限制,解決方法是將 放置在透過設定position:absolute和top:-100px來將元素放置在視窗之外。這種移位的定位使得觸發機制能夠有效地發揮作用。
以下是此類解決方案的範例:http://jsfiddle.net/DSARd/1/
這種方法本質上是在欺騙瀏覽器將元素感知為位於視窗之外,從而允許觸發機制如預期運作。
以上是如何使用 jQuery 觸發隱藏的檔案輸入框?的詳細內容。更多資訊請關注PHP中文網其他相關文章!