【文件上传】使用jquery.form.js来实现表单提交
2018-01-30 12:32
1471 查看
过程十分简单,我们直接进入正题1.在网上下载jquery.form.js插件百度云:https://pan.baidu.com/s/1kWx6iG3密码:443c直接使用表单上传无法获得回调的函数数据,可以使用ajax来上传,不过这就失去了表单上传的意义,所以我们选择用jquery提供的插件2.引入文件<script src="js/jquery.form.js"></script>3.使用 html:
js:
<form id="fileForm" enctype="multipart/form-data"> <div style="padding-left: 80px"> <div id="choose">请从本地选择要导入的文件</div> <button class="file btn btn-raised" style="overflow: hidden;">浏览 <input id="upload" onchange="loadExcelModel.getChange()" type="file" name="file"> </button> <span id="file-path"></span> <span id="errMsg"></span> </div> </form>
js:
uploadExcel: function(){ var option = { url:'/middleware/public/gateway/allowance/importExecl', type:'post', success:function(data){ console.log($.parseJSON(data)); if(data.errorCode == "0000"){ }else{ } }, error : function() { sweetAlert("表单提交失败") } }; $("#fileForm").ajaxSubmit(option); }4.类似于ajax调用接口,代码十分简单,请自行理解 使用ajaxsubmit()方法 option是上传文件配置
相关文章推荐
- Play FrameWork 使用jquery.form.js实现无刷新提交带文件的表单
- 使用jQuery.form插件实现表单异步提交+上传文件
- 用jquery.form.js 实现ajax提交含有上传文件和普通字段的表单
- 使用jQuery.form插件实现表单异步提交+上传文件
- 【jQuery】Jquery.form.js实现表单异步提交以及文件上传(带进度条)
- 关于使用jquery.form.js上传文件同时提交表单的方法
- jquery的异步提交表单(异步上传文件)及jquery.form.js上传文件注意事项
- jquery-form.js实现文件表单ajax提交回调
- php使用jquery Form ajax 提交表单,并上传文件
- 使用jquery-form.js实现form表单的异步提交
- 使用jquery.form.js实现form表单无刷新提交简单示例
- 使用jquery.form.js 进行表单提交,通过回调函数实现页面互动
- ANDROID使用MULTIPARTENTITYBUILDER实现类似FORM表单提交方式的文件上传
- 使用jquery.form.js实现无刷新上传文件
- Android使用MultipartEntityBuilder实现类似form表单提交方式的文件上传
- 使用jquery.form.js 进行表单提交,通过回调函数实现页面互动功能。
- AJAX提交表单后要清空,否则再次提交原来的数据会认为重复提交,提交失败。使用ajaxSubmit 函数需要引入jquery.form.min.js 文件
- 使用jquery.form.js实现form表单无刷新提交简单示例
- jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传。
- 使用jquery.form.js+servlet实现文件异步上传