multipart-form-data.ts

import { AuthorizeRequest, resolveUrl, Uploader } from 'ngx-uploadx';

/**
 * Multipart/form-data extended uploader for use with node-uploadx
 * @example
 *   options: UploadxOptions = {
 *     allowedTypes: 'image/*',
 *     uploaderClass: MultiPartFormData,
 *     token: getToken
 *   };
 */
export class MultiPartFormData extends Uploader {
  async getFileUrl(): Promise<string> {
    this.offset = 0;
    const formData: FormData = new FormData();
    formData.set('metadata', JSON.stringify(this.metadata));
    formData.append('file', this.file, this.file.name);
    await this.request({
      method: 'POST',
      body: formData,
      url: this.endpoint
    });
    this.offset = this.size;
    const location = this.getValueFromResponse('location');
    return location ? resolveUrl(location, this.endpoint) : '';
  }

  async sendFileContent(): Promise<number | undefined> {
    return this.size;
  }

  async getOffset(): Promise<number | undefined> {
    return 0;
  }

  protected override _authorize: AuthorizeRequest = (req, token) => {
    token && (req.headers['Authorization'] = `Basic ${token}`);
    return req;
  };
}