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

Question

我使用cropter.js进行裁剪和存储图像。 以下功能我使用裁剪的斑点来转换图像格式。 该功能无法正常工作。

   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

编写此代码的方式是，在需要文件/ Blob位置附加<img>标记。

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

此页面上有此用例的示例。 您必须append blob append到表单。 引用示例代码：

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

Answer 2

尝试URL。 createObjectURL

creimag.src = URL.createObjectURL(blob);