自定義文件上傳

Question

我想自定義輸入=「文件」如下： 1.用戶將點擊大圖像，而不是傳統的按鈕「瀏覽」 2.選擇文件後立即提交表單，所以不必再提交鈕的用戶，（我要趕在事件上選擇文件對話框」

我感謝所有幫助

我在這裏試圖解決方案提供「開放」： How to customize <input type="file">?

但這不是在IE中工作，也在當你點擊圖片時，它不在隱藏按鈕的上方 - 它不起作用。

Answer 1

HTML中沒有可以自定義文件輸入的功能，所以技巧是將輸入標記絕對定位在您想使用的設置opacity=0的設置上，然後您可以將onClick="$("#submit-button").click()"添加到元素（省略通常的return false）。我從來沒有手動實現過這種技術，但可以想象，表單可能會在文件準備好之前發佈，在這種情況下，您可能需要使用setTimeout(fn)函數爲瀏覽器提供足夠的時間來自行解決問題（請務必使用文件進行測試所有大小）。

this文章提供了一些額外的細節，我個人使用了一個JQuery插件Javanto/JQuery-fileinput，它用你指定的任何內容「替換」（使用上面的技術）輸入。