javascript - 如何将 Blob 转换为图像(JPG 格式)

Question

我使用croper.js 来裁剪和存储图像。以下函数我使用裁剪后的 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);
  ...