文件ajax上传方式

直接看代码

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);
					}
				}
			})