小编Ala*_*hel的帖子

Angular 7 - 上传多个文件以及数据并报告进度

我想使用 Angular v.7(如果有帮助的话,还有 Angular 材料)上传多个文件/图像,并且在相同的表单中,数据将包含更多数据,例如标题或一些文本。我设法解决了所有这些问题,但问题是我无法获取每个文件的报告进度,而是我得到的报告是将所有文件一起作为一份报告。

我怎样才能解决这个问题?

超文本标记语言

<input type="file" id="mediaFile" #mediaFile multiple (change)="fileAdded($event)">
Run Code Online (Sandbox Code Playgroud)

JS

this.selectedFiles: Files[] = [];

// when files are selected, save them in array selectedFiles
fileAdded(event) {
  if(event.target.files.length){
    for(let i=0 ; i < event.target.files.length ;i++){ 
      this.selectedFiles.push(<File>event.target.files[i]);
    }
  }
}


// upload data
upload() {
   this.message = "";
   // stop here if form is invalid
   if (this.shareForm.invalid) { this.message = "Fill the required fields"; return; }

   this.formD = new FormData();
   this.formD.append('firstname', this.shareForm.value.firstname);
   this.formD.append('lastname', this.shareForm.value.lastname);
   this.formD.append('position', this.shareForm.value.position);

   if(this.selectedFiles.length){
     for(let …
Run Code Online (Sandbox Code Playgroud)

javascript ajax file-upload angular

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

ajax ×1

angular ×1

file-upload ×1

javascript ×1