java - jquery.form.js 插件结合 input file 的onchange 事件实现自动提交 ?
巴扎黑
巴扎黑 2017-04-17 14:53:41
0
2
402

先看表单

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

希望大神给予帮助 !

巴扎黑
巴扎黑

全員に返信 (2)
巴扎黑
$(function() { $("#file").on("change", function() { $("#form").submit(); }); });
いいねを押す+0
    黄舟

    之前刚好用过这个:

    $(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

    いいねを押す+0
      最新のダウンロード
      詳細>
      ウェブエフェクト
      公式サイト
      サイト素材
      フロントエンドテンプレート
      私たちについて 免責事項 Sitemap
      PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!