ng-file-upload - 使用 ng-file-upload $upload.upload 上传画布图像

Question

我在前端使用 CamanJS 来操作我想上传回服务器的图像。我无法从该画布对象创建 HTML File 对象以作为参数传递给 $upload.upload 方法。替代方案我可以将画布转换为图像 html 标记，但我仍然停留在将其转换为文件的点上。任何线索都将受到赞赏或替代方法。

Answer 1

你可以打电话

  this.render(function () {
    ...
    var b64Data = this.toBase64();
    var blob = b64toBlob(b64Data, contentType);
    Upload.upload({file:blob, url:....})
  });

对于 b64toBlob 函数，请参见：https ://stackoverflow.com/a/16245768/1105011

或者，您可以将文件的 base64 编码发送到服务器并将其转换为服务器上的文件字节数组，这将根据您使用的服务器而有所不同。