微客导航 » 文章资讯 » angularjs中$http异步上传Excel文件方法

angularjs中$http异步上传Excel文件方法

2023-09-16 05:17:05 310

1.文件上传框html代码如下


上传文件

*注意：设置form的enctype属性值为：multipart/form-data

2：js代码如下：

$scope.import_asset=function(){
$("#file_asset").click();
};
$("#file_asset").on("change",function(){
varformData=newFormData();
varfile=document.getElementById("file_asset").files[0];
if(file.name){
varfileName=file.name.substring(file.name.lastIndexOf(".")+1);
if(fileName=="xlsx"||fileName=="xls"){
formData.append('file',file);
$http({
method:"post",
url:commonService.projectName+"/so/assetmanage/upload",
data:formData,
headers:{
'Content-Type':undefined
},
transformRequest:angular.identity
}).then(function(response){
if(response.status==200){
alert("文件上传成功！！！");
}else{
alert("文件上传失败！！！");
}
});
}else{
alert("文件格式不正确，请上传以.xlsx，.xls为后缀名的文件。");
$("#file_asset").val("");
}
}
});

返回顶部
3162201930
czq8825@qq.com

angularjs中$http异步上传Excel文件方法

热门推荐

随机推荐