Double image after replacing result in onImageUploadBefore

When I use onImageUploadBefore to upload an image and return new result object, I get two images in the editor, one with the updated image URL from the upload function and one that is base64.

How do I prevent the second, base64 image from showing?

Here’s a rough code example of what I am doing

onImageUploadBefore: async (files: File[], info: object, uploadHandler: Function) => {
let fileName = await helpers.ddddd(files[0]);
let res = {
"result": [{ "url": fileName, "name": files[0].name, "size": files[0].size },]
};
uploadHandler(res);
}

[svermaak]

Thank you

I have done this to solve my issue.

I removed imageUploadUrl and change onImageUploadBefore to synchronize with async function

Thank you for all your help and time

onImageUploadBefore: (files: File[], info: object, uploadHandler: Function) => {
(async () => {
let fileName = await helpers.uploadFile(files[0]);
let res = {
"result": [{ "url": fileName, "name": files[0].name, "size": files[0].size },]
};
uploadHandler(res);
})();
uploadHandler();
}

[JiHong88]

@svermaak @quanlatoi If undefined is returned, it waits until uploadHandler is executed. Dont’t using async function. If used async function that the promise object is returned and the basic functions of the editor are executed.