首頁 > web前端 > html教學 > 如何點選a標籤實現彈出input file上傳檔案對話框_HTML/Xhtml_網頁製作

如何點選a標籤實現彈出input file上傳檔案對話框_HTML/Xhtml_網頁製作

WBOY
發布: 2016-05-16 16:40:10
原創
1896 人瀏覽過

html

複製程式碼
程式碼如下:

div>
a href="###">新增圖片/a>
輸入 類型=「檔案」 名稱=「映像」 類別=「隱藏」 =“” />
div>

css

複製程式碼
程式碼如下:
複製程式碼


程式碼如下:
>.hidden; {
顯示:;無;
}

複製程式碼
程式碼如下:


jquery
$('a').on('click', function(e) {
e .preventDefault();
$(this).closest('input[type=file]').trigger( '點擊');
})
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板