reactjs - 以 React 状态存储公用文件夹图像

Question

我正在尝试实现一个功能，我可以在 React 状态下存储 react 文件夹的本地公共图像，经过无数次的尝试我无法做到。

有可能吗，如果是的话，你能指出我正确的方向吗

标签： reactjs

Answer 1

您可以将图像转换为base64，然后使用fetchapi将它们转换blob为上传。像这样的东西：

var url = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="

fetch(url)
.then(res => res.blob())
.then(blob => console.log(blob))