Question

我有这个对象：

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

如何从此对象创建文件？

Answer 1

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

Answer 2

如果我正确理解了您的问题，那么您可以使用该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");

然后将图像下载为名为＆＃34的文件;下载＆＃34;或类似的东西。

从对象dataURL创建文件

2 个答案: