版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zisgood/article/details/80658932
Html代码
<div class="import">
<form id= "uploadForm" enctype="multipart/form-data">
<div class="import_title">上传</div>
<div class="form-group">
<div class="col-md-3" style="width:80%;float:left">
<input id="uploadFile" name="share_img" value ="" class="form-control" readonly="true" />
</div>
<div class="col-md-3" style="width:20%;float:left;">
<div class="fileUpload btn01 btn-primary"> <span>选择文件</span>
<input id="uploadBtn" type="file" name="file" class="upload" />
</div>
</div>
</div>
</form>
<div class="clear"></div>
<div class="import_submit" onclick="doUpload();">订单导入</div>
</div>
js代码
function doUpload() {
var formData = new FormData($( "#uploadForm" )[0]);
var file = $(":file").val();
if(file){
$.ajax({
url: '/rest/insertInfo' ,
type: 'POST',
data: formData,
cache: false,
contentType: false,
processData: false,
beforeSend: function(){
$("#loading").show(); //在后台返回success之前显示loading图标
},
success: function(response) {
layer.msg(response.message);
var result = response.result;
var ahtml = "";
$("#orders").empty();
if(response.code==200){
$.each(result,function(index,item){
ahtml += '<tr><td>'+item.sizeContactPhone+'</td><td>'+item.siteName+'</td></tr>';
})
ahtml += '<tr><td>'+item.sizeContactPhone+'</td><td>'+item.siteName+'</td></tr>';
$(".import1").show();
$("#orders").append(ahtml);
}
},
complete: function() {
$("#loading").hide();
},
error: function(returndata) {
$("#loading").hide();
layer.msg(response.message);
}
});
}else{
layer.msg("请选择上传文件!");
}
}