angularjs 文件上传ng-file-upload插件使用

来源:互联网 发布:无锡浪潮大数据产业园 编辑:程序博客网 时间:2024/03/29 03:01
1需要引入依赖  angular-file-upload.js  ,  angular-loader.min.js, ng-file-upload-shim.min.js
2前端代码:
$scope.upload = function() {    var insuranceCompanyId = $scope.importInsuranceCompany;    var importState = $scope.importFile_importState;    var dateRange = $scope.importdates;    var userId = oauthService.getLocalUserId();    var userName = oauthService.getLocalUserName();    var file = $scope.files;    var confirmUpload = "";    if(insuranceCompanyId == null || insuranceCompanyId <1){        confirmUpload = "请选择保险公司!";    }    if (!file) {        if(confirmUpload){            confirmUpload += "\n";        }        confirmUpload += "请选择要上传的文件!";    }    if(confirmUpload){        alert(confirmUpload);        return;    }    for(var i=0;i<file.length;i++){        Upload.upload({            url: getBackendApiUrl("claimResult/import/file"),            data: {file: file[i], 'importState':importState,'insuranceCompanyId':insuranceCompanyId,'userId':userId,'userName':userName,'dateRange':dateRange,'filecount':i+"-"+file.length}        }).then(function(){            // $scope.getUploadFiles();        });    }};
3.html页面
<tr><td>    <input name="uploadFile" type="file" multiple="true" ng-model="files" accept="application/msexcel" ngf-select="uploadFile($file)"></td></tr><tr><td>    <button type="button" class="btn btn-success" data-dismiss="modal" ng-click="upload()">        <i class="fa fa-upload" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;上传&nbsp;&nbsp;&nbsp;&nbsp;    </button>