ng2-Datei-Upload ASP.NET Core MVC - Chunk Upload Fortschritt

Question

Ich benutze die ng2-file-upload-Paket schlägt eine ASP.NET Core Backend.

https://github.com/valor-software/ng2-file-upload

das Basis Beispiel verwenden, um eine große Datei-Upload ~ 50MB zu testen versuchen.

Die Datei wird schließlich hochgeladen, aber es findet keine Fortschritts-/Chunk-Aktion statt. Es lädt im Grunde alle auf einmal nach einer Weile.

Was muss ich ändern, um den Fortschritt/Chunk-Upload zu erhalten?

NG2 Komponente:

import { Component, OnInit } from '@angular/core'; 
import { FileUploader } from 'ng2-file-upload'; 

@Component({ 
    selector: 'fileupload', 
    templateUrl: './fileupload.component.html' 
}) 
export class FileUploadComponent implements OnInit { 

    public uploader: FileUploader = new FileUploader({ url: '/api/purchaseorder/upload' }); 

    ngOnInit() { 

     this.uploader.onCompleteItem = (item: any, response: any, status: any, headers: any) => { 

      console.log("ImageUpload:uploaded:", item, status); 
     }; 
    } 

    public hasBaseDropZoneOver: boolean = false; 
    public hasAnotherDropZoneOver: boolean = false; 

    public fileOverBase(e: any): void { 
     this.hasBaseDropZoneOver = e; 
    } 

    public fileOverAnother(e: any): void { 
     this.hasAnotherDropZoneOver = e; 
    } 
} 

asp.net mvc controller/action:

public ActionResult Upload(IFormFile file) 
    { 
     if (file == null || file.Length == 0) 
     { 
      return NoContent(); 
     } 

     // handle file here 

     return Ok(); 
    } 

Answer 1

Wenn Sie für IFormFile fragen in die Handlung als Parameter übergeben werden, wird es müssen die gesamte Datei laden, bevor die Aktion verarbeitet werden kann. Stattdessen ziehen Sie die IFormFile aus der aktuellen Anfrage wie folgt:

public ActionResult Upload() 
{ 
    foreach (IFormFile file in Request.Form.Files) 
    { 
     if (file == null || file.Length == 0) 
     { 
      return NoContent(); 
     } 

     // handle file here 
     var stream = file.OpenReadStream(); 
    { 

    return Ok(); 
}