Javascript Filepicker.io-无法查看base64解码图像

Javascript Filepicker.io-无法查看base64解码图像,javascript,filepicker.io,Javascript,Filepicker.io,我正在使用filepicker.io将现有文件(FPFile)导出到给定的目标。 我使用现有的FPFile作为一种小型临时文件,因此导出很快发生。然后,在导出完成后,我正在尝试写回我刚刚导出的带有一些图像数据(base64编码)的文件。 问题是,在我写了数据之后,图像是不可见的。该图像不会显示在Firefox、Chrome或IE中。 实际上,我可以在Photoshop中打开图像,它显示得很好,所以我知道数据正在写入。在文件被写入后,似乎文件中出现了某种错误。也许我只是在做些傻事。 这是我的密码:

我正在使用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
?我只是花了一些时间试着调试这个:)