Загрузите большое видео (8 ГБ) в хранилище BLOB-объектов Azure из Angular 8, используя REST PUT - PullRequest
Новая
       44

Загрузите большое видео (8 ГБ) в хранилище BLOB-объектов Azure из Angular 8, используя REST PUT

0 голосов
/ 31 октября 2019

Я пробовал много разных способов, чтобы получить очень большие видеофайлы (8 ГБ) в контейнер хранения Azure.

Решение, на которое я натолкнулся, - это загрузка непосредственно из компонента Angular 8 с использованием хранилища Azure. REST API.

Это нормально работает для небольших файлов, но когда я пытаюсь загрузить файл размером 8 ГБ, происходит сбой последовательно примерно на 8% со следующей ошибкой:

enter image description here

Я не уверен, что мне не хватает. Вот мой код:

component.ts 

  onFileChange(event) {
     this.currentFile = event.target.files[0];
     this.upload();
  }


  upload() {
    this.uploading = true;
    this.percentComplete = 1;
    let url = this.uploadUrl.split('?');
    let uploadUrl = url[0] + '/' + this.currentFile.name + '?' + url[1];

    const req = new HttpRequest('PUT', uploadUrl, this.currentFile, {
      reportProgress: true,
      headers: new HttpHeaders({ 'x-ms-blob-type': 'BlockBlob' })
    });

    this.http.request(req).subscribe(event => {
      // Via this API, you get access to the raw event stream.
      // Look for upload progress events.
      if (event.type === HttpEventType.UploadProgress) {
        // This is an upload progress event. Compute and show the % done:
        let percentDone = Math.round((100 * event.loaded) / event.total);
        if (percentDone === 0) {
          percentDone = 1;
        }
        console.log(event.loaded + ' of ' + event.total);
        this.percentComplete = percentDone;
      } else if (event instanceof HttpResponse) {
        this.uploading = false;
        if (event.status === 201) {

          this.successEventHandler(event);
        }
      }
    });
  }

html 

<input [promiseBtn]="uploading" (change)="onFileChange($event)" id="fileAttachmentBtn" name="file-attachment" type="file" class="file-attachment-btn__label" />

1 Ответ

1 голос
/ 31 октября 2019

Во-первых, я бы предложил вам использовать Azure Storage SDK для Node.JS. SDK выполнит все работы за вас. Вот несколько примеров для ссылок: https://github.com/Azure/azure-storage-node/tree/master/examples

Затем, если вы все еще хотите загрузить BLOB-объект с помощью REST API, вам потребуется:

1. Прочитайте весь файл в байтах и ​​разделите файл на более мелкие части в вашем коде.

  • Возможно 8 МБ для каждой части.

2. Загрузите каждую часть с помощью Put Block API.

  • В каждом запросе он содержит blockid.

3. Составьте блоб с помощью Put Block List API.

  • В этом запросе вы должны поместить все блоки в теле в упорядоченном виде.
...