溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

angularjs中$http異步上傳Excel文件方法

發(fā)布時間：2020-09-25 21:32:24 來源：腳本之家 閱讀：231 作者：碼農(nóng)蘇 欄目：web開發(fā)

1.文件上傳框html代碼如下

<form id="fileForm" enctype="multipart/form-data">
 <button id="import_asset" type="button" ng-click="import_asset()">上傳文件</button>
 <input id="file_asset" type="file" />
</form>

*注意： 設(shè)置form的enctype屬性值為：multipart/form-data

2：js代碼如下：

$scope.import_asset = function () {
 $("#file_asset").click();
};
$("#file_asset").on("change", function(){
 var formData = new FormData();
 var file = document.getElementById("file_asset").files[0];
 if(file.name){
  var fileName = 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("");
  }
 }
});

向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手