angularJs多文件上传

Posted zouminglan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angularJs多文件上传相关的知识,希望对你有一定的参考价值。


<input type="file" id="file{{$index}}" class="file{{$index}}" ngf-select ngf-change="cacScriptEditVm.views.uploadAttach($files)" multiple/>
<div class="form-group" ng-repeat="item in cacScriptEditVm.views.files track by $index">
<label class="col-sm-4">
{{item.name}}
</label>

</div>
 
vm.views.files = [];

function uploadAttach($file) {

vm.views.files = $file;
       if($file.length>1){
                for(var i=0;i<$file.length;i++){
                    console.log($file[i]);
                }
            }
        
    addAttachment(0,$file);
}

function addAttachment(taskId, file) {
var deferred = $q.defer();//声明承诺
Upload
.upload({
url: _appconfig.apiBaseUrls.tm + ‘/api/tm/task/attachment?taskId=‘ + taskId,
fields: {},
file: file
})
.progress(function (evt) {
var progressPercentage = parseInt(100.0 * evt.loaded / evt.total);
// console.log(‘progress: ‘ + progressPercentage + ‘% ‘ + evt.config.file.name);
})
.success(function (data, status, headers, config) {
// console.log(‘file ‘ + config.file.name + ‘uploaded. Response: ‘ + data);
deferred.resolve(data);//请求成功
})
.error(function (data, status, headers, config) {
// console.log(‘error status: ‘ + status);
deferred.reject(data);//请求成功
});

return deferred.promise; // 返回承诺
}
 





































以上是关于angularJs多文件上传的主要内容,如果未能解决你的问题,请参考以下文章

Angular 5 文件上传:无法在“HTMLInputElement”上设置“值”属性

在 Angular 中上传文件?

使用 Angular 进行多文件扩展名验证

json 可视代码工作室Angular with Firebase片段

在 Angular 5 中使用文件上传保存 FormData

typescript Angular 2测试片段。代码库https://developers.livechatinc.com/blog/category/programming/angular-2/