angularjs中$http异步上传Excel文件方法
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(""); } } });