问题描述
我从前端发送到服务器的数据格式是字符串格式
示例:
"type": 'application/zip',"type":"image/png"
"{"id":"4c1vjx4k1","name":"test.png","type":"image/png","size":151805,"Metadata":{},"data":"iVBORw0KGgoAAAANSUhEUg }"
在服务器中,我的目标是将其转换回文件对象,因为我必须使用上传 API 将文件对象发送到他们的服务器(我使用的是 cloudinary)
它写在这个链接 - https://pqina.nl/filepond/docs/patterns/plugins/file-encode/
let fileAsset = Buffer.from(req.body.fileAsset,"base64");
如何将其转换回文件对象?
解决方法
当您将图像作为 base64 字符串取回时,您只需要在字符串前添加一个标头:
const image = "data:image/png;base64," + "iVBORw0KGgoAAAANSUhEUg";
那就看你了:
- 如果您想将其下载为 .png 文件。将其转换为 blob,然后创建下载链接。请参阅this article
- 如果你想在'img'标签中显示图片,代码是:
<img src={image}/>
请参阅this page。