文件ajax上传方式

末蓝、 2023-06-28 09:52 3阅读 0赞

直接看代码

1.html

<table class="layui-table">
    				<thead>
    					<tr>
    						<td width="20%">产品信息</td>
    						<td>产品信息</td>
    					</tr>
    				</thead>
    				<tbody>
    					<tr>
    						<td>产品名称</td>
    						<td><input id="id" type="" name="" style="display: none"><input id="projectName" type="" name="" class="layui-input" ></td>
    					</tr>
    					<tr>
    						<td>图标</td>
    						<td><input id="lurl" type="file" name="" class="layui-input"> </td>
    					</tr>
    	
    
    				</tbody>
    			</table>

2.js

var myform = new FormData();
    
                myform.append('cid', $("#id").val());
                myform.append('projectName', $("#projectName").val());
                myform.append('money',$("#money").val());
                myform.append('showMoney', $("#showMoney").val());
                myform.append('rate', $("#rate").val());
                myform.append('showRate', $("#showRate").val());
                myform.append('repayType', $("#repayType").val());
                myform.append('productDate', $("#productDate").val());
                myform.append('arriveDate', $("#arriveDate").val());
                myform.append('bonus', $("#bonus").val());
                myform.append('requirements', $("#requirements").val());
                myform.append('lable', $("#lable").val());
                myform.append('proDes', $("#proDes").val());
                myform.append('setType', $("#setType").val());
                myform.append('file', $("#lurl")[0].files[0]);//文件
                myform.append('simDes', $("#simDes").val());
    			
    			$.ajax({
    				url:'/console/saveLoan',
    				type:'post',//重要，否则后台可能接收不到数据
    				contentType: false,//重要
    				data:myform,
    				processData: false,//重要
    				dataType:'json',
    				async:false,
    			
    				success:function(result){
    					if(result.resultCode==1){
    						if($("#id").val()==""){
    							layer.alert("添加成功");
    	                      $("#baseList").show();
    	                      $("#addConfig").hide();
    	                      layui.table.reload("body_list",{
    	                          page: {
    	                              curr: 1 //重新从第 1 页开始
    	                          },
    	                          where: {
    
    	                          }
    	                      })
    
    						}else{
    							layer.alert("修改成功");
    	                      $("#baseList").show();
    	                      $("#addConfig").hide();
    	                      renderTable();
    						}
    
    					}else{
    						if(result.data == null){
    							layer.alert(result.resultCode);
    							
    						}else{
    							layer.alert(result.resultMsg);
    						}
    						
    					}
    
    				},
    				error:function(result){
    					if(result.resultCode==0){
    						layer.alert(result.resultMsg);
    					}
    				}
    			})

发表评论取消回复

表情：

评论列表（有 0 条评论，3人围观）

还没有评论，来说两句吧...

相关阅读

相关 ajax上传文件

关键代码如下： 1、form表单内容 <form id="form1" method="get" enctype="multipart/form-data"

蔚落/ 2024年02月18日 23:34/ 0 赞/ 47 阅读

相关文件ajax上传方式

直接看代码 1.html <table class="layui-table"> <thead> <tr> <

末蓝、/ 2023年06月28日 09:52/ 0 赞/ 4 阅读

相关 ajax 上传文件

<script src="${pageContext.request.contextPath}/jslib/jquery.form.js"></script>

向右看齐/ 2022年09月30日 03:36/ 0 赞/ 239 阅读

相关 AJAX文件上传

通过jQuery Ajax使用FormData对象上传文件字数664 阅读18622 评论14 喜欢15 FormData对象，是可以使用一系列的键值

约定不等于承诺〃/ 2022年09月23日 11:52/ 0 赞/ 226 阅读

相关 ajax上传文件

一般的时候都是用的struts提交表单进行文件上传我做了一个校验，想用ajax进行文件的验证，这时候就需要使用ajax上传文件进行验证首先需要一个js包

ゝ一世哀愁。/ 2022年09月18日 06:58/ 0 赞/ 257 阅读

相关 put ajax 文件上传,Jquery/ajax 如何以put方式上传文件

用户提问 using System.Data.OleDb; using System.Data; namespace \_211 \{ /// /// DBQuery 的摘要

我会带着你远行/ 2022年09月03日 11:20/ 0 赞/ 208 阅读

相关通过iframe实现ajax方式上传文件

今天在做文件上传的时候，后台控制层使用的为spring mvc，网上搜了一下，其对象上传文件的验证只有一个大小验证，是在请求到达Controller之前对上传的文件进行的校验。

ゝ一世哀愁。/ 2022年08月13日 07:00/ 0 赞/ 240 阅读

相关 Ajax上传文件

![Center][] [Center]: /images/20220713/216f4d21f1aa43e18f434f697468a11c.png

末蓝、/ 2022年07月12日 23:11/ 0 赞/ 314 阅读

相关 ajax 上传文件

使用ajaxFileUpload来上传。参考地址： [http://zhangzhaoaaa.iteye.com/blog/2123021][http_zhangzh

逃离我推掉我的手/ 2022年06月18日 07:24/ 0 赞/ 274 阅读

相关 Ajax上传文件

[通过Ajax方式上传文件，使用FormData进行Ajax请求][Ajax_FormData_Ajax] 目前我做到的程度是可以实现上传多个文件，只是不是一次性选择，

布满荆棘的人生/ 2022年06月11日 08:23/ 0 赞/ 273 阅读