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

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

WBOY
WBOY原創
2016-05-16 16:40:101792瀏覽

html

複製程式碼
程式碼如下:

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

css

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


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

複製程式碼
程式碼如下:


jquery
$('a').on('click', function(e) {
e .preventDefault();
$(this).closest('input[type=file]').trigger( '點擊');
})
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn