html:
<a class="btns-primary d-ib" style="width:170px;" ng-click="load()">下載導入模板</a> <a id="downLink" download="qrCode.png" href="javascript:void(0);" ></a>
<label><span>請選擇你要導入的excel</span></label> <input type="file" style="display:inline-block;" file-model="contractExcel" name="contractExcel" id="contractExcel"/>
angular---js:
$scope.load=function(){ //下載合同模板 var _src="/public/file/oldContractInfo.xlsx"; var ssName="合同模板.xlsx"; $("#downLink").attr("href",_src); $("#downLink")[0].download=ssName; $("#downLink")[0].click(); }; $scope.exportData = {}; $scope.saveExcel = function () { var filename = document.getElementById("contractExcel").value; console.log("filename:"+filename); if (filename == "" || filename == null) { showMessage(ngDialog, "請選擇文件", function () { }); return false; } else { if (filename.indexOf(".xlsx") == -1) { showMessage(ngDialog, "只能上傳.xls文件", function () { }); return false; } if (filename.indexOf(".xls") == -1) { showMessage(ngDialog, "只能上傳.xls文件", function () { }); return false; } console.log("a:"+filename.indexOf(".xls")); console.log("b:"+filename.indexOf(".xlsx")); } var editUrl = ctx+"/contract/importContractExcel"; $http({ method: 'POST', url: editUrl, data: $scope.exportData, headers: { "Content-Type": undefined }, transformRequest: function (data) { var exportData = new FormData(); exportData.append("contractExcel", document.getElementById("contractExcel").files[0]); return exportData; }, }).success(function (d) { showMessage(ngDialog, "excel數據成功存入數據庫。", function () { $scope.onSearch(); }); }).error(function (err, status) { console.log(err); // cb(err); }); };