filepicker.io - 使用 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

您可以在文件选择器存储功能中使用它。它将处理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());
  }
);