javascript - jquery 如何開啟input的file選擇框?

來源:互聯網
上載者:User
我先是寫了一個

然後我寫了一個a標籤,在jquery 寫的內容是

$('a').on('click', '', function() {    $('#fileupdate').click();});

但是吧,點擊後沒有任何的反應?

好吧,最終只能用abs定位解決了...效果是實現了,就是有點不開心。

請問大家下,選擇檔案後,jquery使用什麼觸發我接下來的操作,比如擷取file檔案。我使用什麼觸發?

回複內容:

我先是寫了一個

然後我寫了一個a標籤,在jquery 寫的內容是

$('a').on('click', '', function() {    $('#fileupdate').click();});

但是吧,點擊後沒有任何的反應?

好吧,最終只能用abs定位解決了...效果是實現了,就是有點不開心。

請問大家下,選擇檔案後,jquery使用什麼觸發我接下來的操作,比如擷取file檔案。我使用什麼觸發?

參考此問題
http://segmentfault.com/q/1010000004322570
js 產生的點擊事件不能調出上傳檔案選擇框。

你可以觀察一下,js 產生的點擊事件 event.isTrusted == false,而你在瀏覽器中真實的點擊事件event.isTrusted == true

你可以參考在隱藏的檔案輸入框上調用click()方法

的確用 Javascript 無法直接觸發 file 彈框

但是題主想問的是用a標籤觸發file彈框

這樣就可以

select

答案是:無解!你無法用任何 Javascript 觸發 file 彈框,在任何瀏覽器都不!

這不是 BUG,這麼做是出於安全考慮

不過,你可以通過在a下面建立一個隱藏的input類比該效果

例子

參考:http://stackoverflow.com/questions/210643/in-javascript-can-i-make-a-click-event-fire-programmatically-for-a-file-input

a標籤- -。語義化呢,為啥不用label,直接for屬性設定那個input file就行了,連js都不用

.. 直接去的input元素 建立click事件就可以了

  • 相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.