首頁 > web前端 > js教程 > 如何使用 jQuery 觸發隱藏的檔案輸入框?

如何使用 jQuery 觸發隱藏的檔案輸入框?

Linda Hamilton
發布: 2024-11-09 01:48:02
原創
932 人瀏覽過

How can I trigger a hidden file input box with jQuery?

使用 jQuery 觸發檔案輸入

為了使用 jQuery 啟動上傳框,您使用了以下方法:

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

然而,事實證明並不成功。這就提出了一個問題:如何使用 jQuery 成功觸發文件輸入框?

安全限制和解決方法

失敗的嘗試可歸因於安全限制。需要注意的是,當 時,會施加安全限制。元素呈現為隱藏(透過 display:none 或 Visibility:hidden)。

要規避此限制,解決方法是將 放置在透過設定position:absolute和top:-100px來將元素放置在視窗之外。這種移位的定位使得觸發機制能夠有效地發揮作用。

以下是此類解決方案的範例:http://jsfiddle.net/DSARd/1/

這種方法本質上是在欺騙瀏覽器將元素感知為位於視窗之外,從而允許觸發機制如預期運作。

以上是如何使用 jQuery 觸發隱藏的檔案輸入框?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板