反应保存临时文件

Question

我的反应前端有一个base64数据，我想将其转换为img文件（png，jpeg等）并将其保存到服务器端临时文件夹（称之为tmp）。

最后，我想生成一个网址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);