jquery - 在mvc中触发隐藏文件上传控制后如何回发我的操作

Question

我需要在单击按钮时调用文件上传控件。文件上传控件对用户不可见。

在按钮的点击事件中，我触发了文件上传的点击事件。所以现在文件上传显示，我可以选择一个文件。问题是在我选择一个文件并单击打开后，我想回发我的操作。有人可以指导我如何完成吗？

谢谢

Answer 1

想法：

选择表格：$('form#the_form_id');然后提交：$('form#the_form_id').submit();。

事件处理：

为了仅在用户选择所需文件后执行上述代码，您只需将其（代码）绑定为用户选择文件后发生的事件的回调。

$('input[type=file]#the_fileinput_id').bind('change', function() {
    $('form#the_form_id').submit();
});

演示：

jsfiddle 中的演示：http: //jsfiddle.net/NbGBj/由这篇文章提供其他 SO 答案：How to handle onchange event on input type=file in jQuery?

X 浏览器兼容性：

IE 中不存在 AFAIK onChange 事件（对于任何输入类型 - 不限于文件输入）。jQuery 开发人员必须为它创建一个解决方法，它是从 jQuery 1.5.1 开始添加的。所以你的 jQuery 版本必须至少是这样。

Answer 2

当文件输入更改时，您希望提交表单，因此：

对于这个 html：

<form action="...">
   <input class="file" type="file" />
</form>

将完成这项工作的 javasctript：

$('input.file').change(function(){
  $('form').submit();
});