jquery.form.js提交 input file中的文件

2021-08-16 01:58

阅读:539

标签:rap   ade   normal   ajaxform   amp   附件   oda   label   核心   现今的主流浏览器由于ajax提交form表单无法把文件类型数据提交到后台,供后台处理,可是开发中由于某些原因又不得不用ajax提交文件,解决方案: 下面说说 jquery.form.min.js 插件,它是一款优秀的Ajax表单插件,我们可以非常容易的使用它处理表单控件的值,清空和复位表单控件,附件上传,以及完成Ajax表单提交。jquery.form.min.js 有两个核心方法ajaxForm()和ajaxSubmit(),下面以实例来简单说明其提交file文件方式: × 更新授权 授权文件: 关闭 发送       $(‘#update-authorization-modal-form‘).bootstrapValidator({ message: ‘This value is not valid‘, feedbackIcons: { valid: ‘glyphicon glyphicon-ok‘, invalid: ‘glyphicon glyphicon-remove‘, validating: ‘glyphicon glyphicon-refresh‘ }, excluded: [":disabled"], fields: { updateAuthorizationModalFile: { message: ‘授权文件无效‘, trigger: "change", validators: { notEmpty: { message: ‘授权文件不能为空‘ }, file: { extension: ‘war,rar,tar,zip,gz,bz2,deb‘, mimeTypes: ‘.war,.rar,.tar,.zip,.gz,.bz2,.deb‘, message: ‘文件类型为.war、.rar、.tar、.zip、.gz、.bz2、.deb‘ } } } } }).on(‘success.form.bv‘, function (e) { e.preventDefault(); var options = { url: ‘/bmpf/softmng/software/add_software_package/‘, success: showResponse, dataType: "json" }; function showResponse(response, status) { if (response.ret) { toastr.success("更新授权成功", "成功提示"); $(‘#update-authorization-modal-form‘)[0].reset(); $(‘#update-authorization-modal-form‘).data("bootstrapValidator").resetForm(); setTimeout(function () { $("#update-authorization-modal").modal("hide"); }, 1000); //$softTable.bootstrapTable("refresh"); } else { toastr.error(response.errMsg, "错误提示"); $(‘#update-authorization-modal-form‘).bootstrapValidator(‘disableSubmitButtons‘, false); } } $(‘#update-authorization-modal-form‘).ajaxForm(options); });   jquery.form.js提交 input file中的文件标签:rap   ade   normal   ajaxform   amp   附件   oda   label   核心   原文地址:https://www.cnblogs.com/samve/p/12331625.html


评论


亲,登录后才可以留言!