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多文件上传的主要内容,如果未能解决你的问题,请参考以下文章

Angularjs如何上传多部分表单数据和文件?

angularJs多文件上传

angularJs 多文件动态上传(删除其中一个文件的时候,要么file没被删除,要么删除了之后,点击事件失效)

webAPI+angularJS文件上传和下载

无法上传文件,php和angularjs

java Ftp上传创建多层文件的代码片段