开发者社区> 问答> 正文

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

先看表单

 <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 自动异步提交 , 结果尝试过后还是没有实现,来此求助 !

展开
收起
蛮大人123 2016-02-22 11:57:30 3312 0
2 条回答
写回答
取消 提交回答
  • ```html
    ``` ```js $(function() { $("#file").on("change", function() { $("#form").submit(); }); }); ```
    2019-07-17 18:46:32
    赞同 展开评论 打赏
  • 我说我不帅他们就打我,还说我虚伪
     <form id="form" name="formObject" role="form" method="post" enctype="multipart/form-data">
      <input id="file" class="" type="file" name="personfile" />
      <input class="btn btn-primary" value="提交" type="submit" />
     </form>
    
    $(function() {
        $("#file").on("change", function() {
            $("#form").submit();
        });
    });
    2019-07-17 18:46:32
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript面向对象的程序设计 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载