Http опубликовать файл данных

Question

У меня есть два тега <input> на моем клиенте, чтобы выбрать файл.После того, как клиент выберет файлы (24-битный BMP 640 * 480), я должен сделать http.post, чтобы я мог сохранить imageData каждого файла и сделать http.get, когда мне это нужно.Я попытался опубликовать объект ImageData или просто Uint8ClampedArray, но у меня были некоторые ошибки.Сейчас я попытался преобразовать его в base64 и отправить его, но я все еще ничего не получаю.

Это мой http.post:

public submitInfo(): void {
  this.http.post("http://localhost:3000/sologame", { "name": this.game.gameName, "image1": this.game.picture }, HTTP_OPTIONS).pipe(
    catchError(this.handleError("submitInfo"))).subscribe();
}

Это ошибка, которую я получаю сейчас, когда пытаюсь отправить строку base64:

Как я могу отправить данные моего изображения?

Answer 1

Есть два способа сделать это:

1. Отправить двоичные данные

---

onUpload(selectedFile: File) {
    this.http.post('api/file-upload', selectedFile).subscribe(...);
}

Отправить как данные формы

---

onUpload(selectedFile: File) {
    const uploadData = new FormData();
    uploadData.append('file', selectedFile, selectedFile.name);
    this.http.post('api/file-upload', uploadData).subscribe(...);
}