0

I'm trying to use the image uploader plugin called uppy.io(https://uppy.io/). And it is internally using an image-editor plugin(https://uppy.io/docs/image-editor/). so the issue that I'm facing while trying to use the Uppy.ImageEditor is it returns Expected a plugin class, but got undefined. In the console. Any idea why that happens? below is the code that I'm using. Any helps would be appreciated.

var uppy = Uppy.Core()
    .use(Uppy.Dashboard, {
      inline: true,
      target: '#drag-drop-area',
      height: 300,
      metaFields: [
        { id: 'name', name: 'Name', placeholder: 'file name' },
        { id: 'caption', name: 'Caption', placeholder: 'describe what the image is about' }
      ]
    })
    .use(Uppy.Webcam, { target: Uppy.Dashboard })
    .use(Uppy.Instagram, { target: Uppy.Dashboard, companionUrl: 'https://companion.uppy.io' })
    .use(Uppy.ImageEditor, { 
        target: Uppy.Dashboard,
        id: 'ImageEditor',
        quality: 0.8,
        cropperOptions: { 
            viewMode: 1,
            background: false,
            autoCropArea: 1,
            responsive: true
        }
    })
    .use(Uppy.Tus, {endpoint: 'https://master.tus.io/files/'})
    
uppy.on('complete', (result) => {
    console.log('Upload complete! We’ve uploaded these files:', result.successful)
})
Vivekraj K R
  • 2,418
  • 2
  • 19
  • 38

1 Answers1

0

strong text

Uppy does not allow this for CDN packages yet but we can implment this using react js

  • 1
    As it’s currently written, your answer is unclear. Please [edit] to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Oct 05 '21 at 05:56