如何使用jQuery選擇器鏈接來選擇文件

Question

我一直在這一整個上午奮鬥，是時候尋求幫助。

要回收的屏幕空間整潔行動的UI，我必須更換舊學校HTML：

<input type="file" name="upload"> 
<input type="button" value="Submit"> 

的東西，佔用更少的空間在頁面上，如：

<p id="picfile">Choose your file</p> 
<input type="hidden" name="userfile"> 

這個想法是，一個腳本（JQuery？）會選擇點擊事件，方便用戶選擇一個文件，並管理上傳該文件到網絡服務器。

請指點我一些正確的方向，或者至少建議一個比「文件」或「文件選擇器」或「jquery選擇文件」更好的搜索字符串......如果只有高度可搜索，這項活動的技術名稱。

我找到了一個jQuery插件，聲稱這樣做，但文檔不是最好的。我甚至無法拿出他們的工作示例並複製它。 http://www.daimi.au.dk/~u061768/file-input.html

謝謝。

Answer 1

使用 「自定義文件輸入jQuery的」，你會發現很多， 例如：

• http://filamentgroup.com/lab/jquery_custom_file_input_book_designing_with_progressive_enhancement/

• http://www.quirksmode.org/dom/inputfile.html