javascript - 从对象 dataURL 创建文件

Question

我有这个对象：

{dataURL: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwA…r/wALbpMM7gAAAANJREFUQ9S2TEBrmQAAAABJRU5ErkJggg==...", 
type: "image/png"}

如何从该对象创建文件？

Answer 1

如果我正确理解了您的问题，那么您可以使用该 base64 属性制作图像作为其来源。

例子：

var obj = {
    dataURL: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwA…r/wALbpMM7gAAAANJREFUQ9S2TEBrmQAAAABJRU5ErkJggg==...", 
    type: "image/png"
};

var image = document.createElement('img');
image.src = obj.dataURL;

document.body.appendChild(image);

或者，如果您还想立即下载这些东西，那么您应该

var obj = {
    dataURL: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwA…r/wALbpMM7gAAAANJREFUQ9S2TEBrmQAAAABJRU5ErkJggg==...", 
    type: "image/png"
};

window.location = obj.dataURL.replace("image/png", "image/octet-stream");

然后图像将作为名称为“下载”或类似名称的文件下载。

Answer 2

由于您使用的是 javascript，因此您无法在 Windows 上创建除 IE 之外的文件，但您可以通过将 dataURL 传递给 src 属性（如果是 img 标签）来显示此图像。img 标签可以处理 base64string 并显示图像。