从HTML5 Canvas中的原始解压缩文件数据中绘制PNG图像

Question

我有一个JavaScript程序，它使用上传的zip文件，使用js-unzip解压缩，然后当找到解压缩的PNG文件时，它会从中获取原始数据。

images = [];
var files = evt.dataTransfer.files;
var data = files[0];
var reader = new FileReader();
reader.readAsDataURL(data);
reader.onload = function(thisFile){
    var zipFile = thisFile.target.result;
    var unzipper = new JSUnzip(window.atob(zipFile));
    unzipper.readEntries();
    var files = unzipper.entries;
    for(var i in files){
        var data = files[i].data;
        images[images.length] = new Image();
        images[images.length].src = 'data:image/png;base64,' + data;
    }
    context.drawImage(images[0], 0, 0);
}

它返回错误“GET data：image / png; base64，b``％C3％A0％C ......”。 如何处理图像以便正确绘制图像？