样式输入文件和自动提交

我正在尝试使用单个文本链接，用户单击该链接并询问用户他/她想要上载哪个文件，然后自动将其发布到表单。 我怎样才能实现同样的目标？ 我知道我必须设置我的文件输入样式，但如何让它自动发布文件选择？

非常感谢你

Answer 1

您可以调用表单的提交方法。 它会将您的页面提交给服务器，您可以在请求的Files集合中获取该文件。

您必须在“file”元素的“onchange”事件上调用表单的submit（）方法。

编辑： 试试这个。

Answer 2

在页面中嵌入javascript是不好的做法 。

使用选择器将提交添加到项目。 这也使您可以按照要求将function添加到基本链接。

HTML

 
 Upload file  

jQuery的

 $(document).ready(function() { $("#uploadLink").click(function() { $("#myForm").submit(); } }); 

添加资源

这是jQuery Form插件的链接。

还有一个jQuery的多文件上传插件 。

Answer 3

好吧，jQuery可能并不总是答案，但我现在正在滥用它 – 主要用于选择器和实时内容 – 无论如何使用jQuery，您的问题的最佳解决方案如下：

 $('input[type:"file"]').live('change',function(){ $(this).parents('form').submit(); }); 

这基本上使得任何输入类型文件自动提交它的父表单 – 有点过分你可以通过将输入类型文件选择器更改为您选择的类来轻松限制它。

而你也可以通过不使用live来使它更轻（我这样做因为我动态使用它）

Answer 4

使用1.7版本的JQuery：

  //wait for an file input to change anywhere in the document $(document).on('change', 'input[type="file"]', function () { $(this).parents('form').submit(); //then submit its parent form });