如何使用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