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

【问题标题】：How to Conver Blob to Image (JPG Format)如何将 Blob 转换为图像（JPG 格式）
【发布时间】：2018-08-26 06:16:12
【问题描述】：

我使用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);
    });

【问题讨论】：

“如何将 Blob 转换为图像（JPG 格式）” 不是您的问题的正确问题。这里的实际问题是/是“如何将 Blob 附加到 FormData”。您会在答案中看到这一点。 gawicks回答标题中的问题，sneeps回答解决你的实际问题。

标签： javascript jquery image blob

【解决方案1】：

按照您的编码方式，您在预期文件/Blob 的位置附加了一个<img> 标记。

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

此页面包含此用例的示例。您必须 append blob 填写表格。引用示例代码：

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

【讨论】：

【解决方案2】：

试试网址。createObjectURL

creimag.src = URL.createObjectURL(blob);

【讨论】：