Javascript Filepicker.io-无法查看base64解码图像
我正在使用filepicker.io将现有文件(FPFile)导出到给定的目标。 我使用现有的FPFile作为一种小型临时文件,因此导出很快发生。然后,在导出完成后,我正在尝试写回我刚刚导出的带有一些图像数据(base64编码)的文件。 问题是,在我写了数据之后,图像是不可见的。该图像不会显示在Firefox、Chrome或IE中。 实际上,我可以在Photoshop中打开图像,它显示得很好,所以我知道数据正在写入。在文件被写入后,似乎文件中出现了某种错误。也许我只是在做些傻事。 这是我的密码:Javascript Filepicker.io-无法查看base64解码图像,javascript,filepicker.io,Javascript,Filepicker.io,我正在使用filepicker.io将现有文件(FPFile)导出到给定的目标。 我使用现有的FPFile作为一种小型临时文件,因此导出很快发生。然后,在导出完成后,我正在尝试写回我刚刚导出的带有一些图像数据(base64编码)的文件。 问题是,在我写了数据之后,图像是不可见的。该图像不会显示在Firefox、Chrome或IE中。 实际上,我可以在Photoshop中打开图像,它显示得很好,所以我知道数据正在写入。在文件被写入后,似乎文件中出现了某种错误。也许我只是在做些傻事。 这是我的密码:
var fpfile = { url: 'https://www.filepicker.io/api/file/ermKMZgVSu2GCEouu4Lo',
filename: this.curFile.name, mimetype: 'image/jpeg', isWriteable: true};
filepicker.exportFile(
fpfile,
function(FPFile){
var data = canvas.toDataURL('image/jpeg');
writeData(FPFile, data);
}
);
function writeData(file, data){
filepicker.write(file, data,
{
base64decode: true
},
function(FPFile){
console.log("Write successful:", FPFile.filename);
},
function(FPError) {
console.log(FPError.toString());
},
function(progress) {
console.log("Loading: "+progress+"%");
}
);
}
例如,当您使用
toDataURL
调用时,会包含前缀
data:image/png;base64
在进行base64解码之前,需要将其从图像的实际内容中剥离出来也许您可以检查
数据:image/png;base64和数据:图像/jpeg;默认情况下,base64
?我只是花了一些时间试着调试这个:)