分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

angularJs多文件上传

发布时间:2023-09-06 01:54责任编辑:赖小花关键词:文件上传
<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多文件上传

原文地址:https://www.cnblogs.com/zml-java/p/9042706.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved