Angular 10+将base64图像转换为表单数据

function base64ToBlob(base64: string, type: string): Blob {
  const byteCharacters = atob(base64);
  const byteArrays = [];

  for (let offset = 0; offset < byteCharacters.length; offset += 512) {
    const slice = byteCharacters.slice(offset, offset + 512);

    const byteNumbers = new Array(slice.length);
    for (let i = 0; i < slice.length; i++) {
      byteNumbers[i] = slice.charCodeAt(i);
    }

    const byteArray = new Uint8Array(byteNumbers);
    byteArrays.push(byteArray);
  }

  return new Blob(byteArrays, { type: type });
}

function blobToFormData(blob: Blob): FormData {
  const formData = new FormData();
  formData.append('image', blob, 'image.png');
  return formData;
}

import { HttpClient } from '@angular/common/http';

// ...

constructor(private http: HttpClient) {}

uploadImage(base64Image: string) {
  const blob = base64ToBlob(base64Image, 'image/png');
  const formData = blobToFormData(blob);

  this.http.post('https://example.com/upload', formData).subscribe(
    response => {
      console.log('Image uploaded successfully');
    },
    error => {
      console.error('Failed to upload image');
    }
  );
}