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

Question

我在前端使用CamanJS来操作我想要上传回服务器的图像。我在创建作为参数传递给$upload.upload方法的画布对象之外的HTML File对象时遇到问题。或者，我可以将画布转换为图像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编码发送到服务器，并将其转换为服务器上的文件字节数组，这将是不同的实现，具体取决于您使用的服务器。