java - jquery.form.js 插件结合 input file 的onchange 事件实现自动提交 ?

Question

先看表单

 <form name="formObject" role="form" method="post" enctype="multipart/form-data">
  <input class="" type="file" name="personfile" onchange="fun()"/>
  <input class="btn btn-primary" value="提交" type="submit" />
 </form>
 

上面的form 表单利用 jquery.form.js 插件能实现异步 上传文件 ， 不过为了用户体验度友好，我想 去掉 input submit 按钮 ， 在用户选择图片后 ，利用 input file 的onchange事件实现 jquery.form.js 自动异步提交 ， 结果尝试过后还是没有实现，来此求助 ！

希望大神给予帮助 ！

Answer 1

雷雷 雷雷

Answer 2

之前剛好用過這個：

$(document).ready(function() {
            var options = {
                dataType: 'json'
            };
            $('#file').on('change', function(){
                $('#form').ajaxForm(options).submit();
            });
        });

HTML部分參考 @邊城狂人 答案。跟樓上差不多，不過你用的是這個http://malsup.com/jquery/form/插件的話，可以試試看上面這個。

之前寫過，後端使用laravel的實作：http://segmentfault.com/a/1190000002962210