使用Filepicker.io exportWidget将dataURL保存为图像

Question

似乎使用Filepicker.io javascript API可以保存dataURL，但我想知道是否可以使用Filepicker.io导出小部件将dataURL mime-typed保存为“image / png”？当我尝试这个时，我得到一个例外：要导出的文件无效。我读到使用JS API你需要删除“data：image / png; base64，”前缀，但这似乎给出了相同的异常。

我正在这样剥离：

myCanvasImage = canvas.toDataURL('image/png').split(',',2)[1]; 

但这似乎引发了同样的错误。知道Filepicker小部件是否可以这样做吗？

Answer 1

您可以在filepicker商店功能中使用它。它将处理base64解码。

var dataURL = $('#canvasElement')[0].toDataURL().split(',', 2)[1];

filepicker.store(
  dataURL,
  {
    base64decode: true,
    mimetype: 'image/jpeg'
  },
  function(InkBlob){
    filepicker.exportFile(
      InkBlob,
      {suggestedFilename:"yourFileName"},
      function(InkBlob){
        console.log(InkBlob);
      },
      function(FPError) {
        console.log(FPError.toString());
      }
    );
  }, 
  function(FPError) {
    console.log(FPError.toString());
  }
);