如何使用javascript将文件图像保存到项目的文件夹中？

Question

我想将图像保存到项目文件夹中，该图像有两种形状（base64 或文件）。

        var base = canvas.toDataURL().replace("data:image/png;base64,", "");

        let file;
        const linkSource = `data:image/png;base64,${base}`;
        await fetch(linkSource)
          .then(res => res.blob())
          .then(blob => {
            file = new File([blob], "test",{ type: "image/png" });
            }
            console.log('base64  ',base);
            console.log('file  ',file);

Answer 1

从高层次来说，您需要一种服务器端语言（例如 Node.js、PHP、Java）来运行请求。然后，它们可以将文件保存到后端的本地文件夹、服务器/计算机上的文件夹或远程保存到 s3 存储桶之类的文件夹。所有这些都需要http请求来避免CORS限制。