🐛 Fix #113 by adding mime to crop

elninotech · Mar 26, 2020 · a41e18a · a41e18a
1 parent 3285f5a
commit a41e18a
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/effects/crop/index.ts b/src/effects/crop/index.ts
@@ -83,20 +83,25 @@ export default class Crop extends UpploadEffect {
       ".uppload-cropping-element img"
     ) as HTMLImageElement | null;
     const originalFile = this.originalFile;
+    const type =
+      originalFile.type &&
+      ["image/jpeg", "image/webp"].includes(originalFile.type)
+        ? originalFile.type
+        : "image/png";
     if (cropperElement) {
       fitImageToContainer(params, cropperElement).then(() => {
         const cropper = new Cropper(cropperElement, {
           aspectRatio: this.aspectRatio,
           autoCropArea: this.autoCropArea,
           viewMode: this.viewMode,
           ready() {
-            canvasToBlob(cropper.getCroppedCanvas()).then(blob => {
+            canvasToBlob(cropper.getCroppedCanvas(), type).then(blob => {
               originalFile.blob = blob;
               params.next(originalFile);
             });
           },
           cropend() {
-            canvasToBlob(cropper.getCroppedCanvas()).then(blob => {
+            canvasToBlob(cropper.getCroppedCanvas(), type).then(blob => {
               originalFile.blob = blob;
               params.next(originalFile);
             });
@@ -116,7 +121,7 @@ export default class Crop extends UpploadEffect {
                   selectedAspectRatio.getAttribute("data-name") || "free"
                 ]
               );
-              canvasToBlob(cropper.getCroppedCanvas()).then(blob => {
+              canvasToBlob(cropper.getCroppedCanvas(), type).then(blob => {
                 originalFile.blob = blob;
                 params.next(originalFile);
               });