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

【问题标题】：Save dataURL as image with Filepicker.io exportWidget使用 Filepicker.io exportWidget 将 dataURL 保存为图像
【发布时间】：2014-09-10 05:06:10
【问题描述】：

似乎使用 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 小部件是否可以做到这一点？

【问题讨论】：

标签： filepicker.io todataurl

【解决方案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());
  }
);

【讨论】：

谢谢，这与我想象的不同。这似乎是一个不错的方法。再次感谢！