[英]How to Upload Multiple file in AngularJS
我使用ngFileUpload上傳文件,但它只能上傳1個文件。
我想上傳和圖像文件和PDF文件。 如何上傳多個文件?
請幫幫我。
(function () { 'use strict'; var app = angular.module('pageApp', ['ngFileUpload']); app.controller('MyCtrl', ['$scope', 'Upload', '$timeout', function ($scope, Upload, $timeout) { $scope.uploadPic = function (file) { file.upload = Upload.upload({ url: 'save_form.php', data: { file: file, username: $scope.username }, }); file.upload.then(function (response) { $timeout(function () { file.result = response.data; }); } }; }]); })();
<form name="myForm"> Profile Picture: <input type="file" ngf-select="" ng-model="picFile" name="file" ngf-accept="'image/*'"> <br> Resume(.pdf): <input type="file" ngf-select="" ng-model="resumeFile" name="fileResume"> <br> <button ng-disabled="!myForm.$valid" ng-click="uploadPic(picFile)">Submit</button> </form>
如果要同時上載多個文件,可以組合這兩個輸入字段並將多個屬性添加到輸入標記。 確保您的后端可以接受多個文件/支持以下功能。
<form name="myForm">
Picture & Resume: <input type="file" ngf-select=""
ng-model="picFile" name="file" ngf-pattern="'image/*,application/pdf'" multiple>
<br>
<button ng-disabled="!myForm.$valid" ng-click="uploadPic(picFile)">Submit</button>
</form>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.