自定义文件上传

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，它用你指定的任何内容“替换”（使用上面的技术）输入。