Как загрузить изображение в кодировке Base64 с помощью FormData в JavaScript

Чтобы загрузить изображение в кодировке Base64 с помощью FormData, выполните следующие действия:

  1. Создайте новый объект FormData:

    const formData = new FormData();
  2. Преобразовать изображение в кодировке Base64 в объект Blob:

    const base64Image = "base64-encoded-image-string";
    const byteCharacters = atob(base64Image);
    const byteNumbers = new Array(byteCharacters.length);
    for (let i = 0; i < byteCharacters.length; i++) {
     byteNumbers[i] = byteCharacters.charCodeAt(i);
    }
    const byteArray = new Uint8Array(byteNumbers);
    const blob = new Blob([byteArray], { type: "image/png" });
  3. Добавьте объект Blob к FormData:

    formData.append("image", blob, "image.png");
  4. Отправьте объект FormData на сервер с помощью HTTP-запроса, например AJAX или Fetch.

Вот несколько способов загрузки изображения в кодировке Base64 с помощью FormData. Для выполнения этих операций вы можете использовать JavaScript.