Реагировать на сохранение временного файла

Question

В моем реагирующем интерфейсе есть данные base64, и я хочу преобразовать их в файл img (png, jpeg и т. Д.) И сохранить их во временную папку на стороне сервера (назовите ее tmp).

В конечном итоге я хочу создать URL-адрес www.mywebsite.com/tmp/myImage.png, который я хочу передать в метатег Opengraph.

Я пытался использовать библиотеки, такие как tmp и base64-img , но я не могу использовать их в моих компонентах переднего плана реагирования.

Как мне вызвать функцию на стороне сервера из моего переднего плана реагирования?

Как лучше всего преобразовать данные base64 в файл изображения и сохранить их на моем сервере.

Answer 1

На вашем бэкэнде довольно просто сохранить в файл:

// where "yourBase64Data" is the incoming base64 image from the POST request.
let imagePath = 'yourPath/tmp/yourImage.jpg';
require("fs").writeFile(imagePath, yourBase64Data, 'base64', function (err) {
    if (err) {
        //handle error
    }
}

Затем в вашем интерфейсе, когда вы извлекаете его, вы можете декодировать и отображать его так:

let base64Image = “iVBORw0KGggANSbCAIAA...”;

var img = document.createElement("img");
img.src = 'data:image/jpeg;base64,' + base64Image;

document.body.appendChild(img);