Home Verkennen Help
Inloggen
biheng
/
uppy
1
0
Vork 0
Bestanden Issues 0 Pull-aanvragen 0 Wiki
Bladeren bron

Image editor: make compressor work after the image editor, too (#4918)

* Editor.tsx - clean up post typescriptofication

* dev - finally add favicons to avoid errors in the console

* ImageEditor.tsx - reinsert filename after image editor
Evgenia Karunus 1 jaar geleden
bovenliggende
d85caf6c51
commit
3c0140aa13
4 gewijzigde bestanden met toevoegingen van 6 en 3 verwijderingen
Zij-aan-zij weergave Toon Diff Stats
  1. 2 2
      packages/@uppy/image-editor/src/Editor.tsx
  2. 2 1
      packages/@uppy/image-editor/src/ImageEditor.tsx
  3. 1 0
      private/dev/dragdrop.html
  4. 1 0
      private/dev/index.html

+ 2 - 2
packages/@uppy/image-editor/src/Editor.tsx
Bestand weergeven 

@@ -81,7 +81,7 @@ export default class Editor<M extends Meta, B extends Body> extends Component<
 
         prevCropboxData,
 
       )
 
       if (newCropboxData) this.cropper.setCropBoxData(newCropboxData)
 
-      // When we stretch the cropbox by one of its sides
 
+      // 2. When we stretch the cropbox by one of its sides
 
     } else {
 
       const newCropboxData = limitCropboxMovementOnResize(
 
         canvasData,
 
@@ -120,7 +120,7 @@ export default class Editor<M extends Meta, B extends Body> extends Component<
 
   }
 
 
   onRotateGranular = (ev: ChangeEvent<HTMLInputElement>): void => {
 
-    //  1. Set state
 
+    // 1. Set state
 
     const newGranularAngle = Number(ev.target.value)
 
     this.setState({ angleGranular: newGranularAngle })

+ 2 - 1
packages/@uppy/image-editor/src/ImageEditor.tsx
Bestand weergeven 

@@ -156,7 +156,8 @@ export default class ImageEditor<
 
       const { currentImage } = this.getPluginState()
 
 
       this.uppy.setFileState(currentImage!.id, {
 
-        data: blob!,
 
+        // Reinserting image's name and type, because .toBlob loses both.
 
+        data: new File([blob!], currentImage!.name, { type: blob!.type }),
 
         size: blob!.size,
 
         preview: undefined,
 
       })

+ 1 - 0
private/dev/dragdrop.html
Bestand weergeven 

@@ -4,6 +4,7 @@
 
     <meta charset="utf-8" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     <title>Drag-Drop</title>
 
+    <link rel="icon" type="image/png" href="https://uppy.io/img/logo.svg" />
 
   </head>
 
   <body>
 
     <style>

+ 1 - 0
private/dev/index.html
Bestand weergeven 

@@ -4,6 +4,7 @@
 
     <meta charset="utf-8" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     <title>Dashboard</title>
 
+    <link rel="icon" type="image/png" href="https://uppy.io/img/logo.svg" />
 
     <style>
 
       main {
 
         padding-top: 100px;