How to manually trigger imageEditor on file add

Uppy
#1

I’m trying to initialize imageEditor when the file is added. Below is the code that I tried but not getting the desired result. Any helps would be appreciated.

uppy.on('file-added', (file) => {
        // uppy.emit("file-editor:start", (file) => {
        // });
        // uppy.getPlugin('Dashboard').openFileEditor(file)
        // uppy.openFileEditor(file)
        console.log('Added file', file)
})
1 Like
#2

From what I can tell, the file editor emits the event itself, and isn’t listening for it:

I have to look a little more into what you’d need to do in order to open it yourself

- Andrew

#3

Solved this by triggering two methods after adding file:
.on(‘file-added’, (file) => {
this.uppy.getPlugin(‘Dashboard’).toggleFileCard(file.id);
this.uppy.getPlugin(‘Dashboard’).openFileEditor(file);
})