如何將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);