如何将Blob Blob转换为图像（JPG格式）

Question

我使用croper.js来裁剪和存储图像。以下功能我使用croped blob转换图像格式。功能不正常。

   cropper.getCroppedCanvas().toBlob(function (blob) {
        var formData = new FormData();

        var creimag = document.createElement('img');
        creimag.src = 'data:image/png;base64,'+ blob;
        var processeddata=document.body.appendChild(creimag); 

        formData.append('file', processeddata);
    });

Answer 1

您对此进行编码的方式是，您附加<img>标记，其中包含文件/ Blob。

https://github.com/fengyuanchen/cropperjs#getcroppedcanvasoptions

此页面提供了此用例的示例。您必须append blob到表单。从示例代码中引用：

cropper.getCroppedCanvas().toBlob(function (blob) {
  var formData = new FormData();
  formData.append('croppedImage', blob);
  ...

Answer 2

尝试网址。createObjectURL

creimag.src = URL.createObjectURL(blob);