BUG: Upload Image or Asset is not triggering on File/Image selection

SwapnilSoni1999 commented 1 year ago

GrapesJS version

[X] I confirm to use the latest version of GrapesJS

What browser are you using?

Chrome v114

Reproducible demo link

none

Describe the bug

How to reproduce the bug?

I'm using grapesjs-react and using assetManager

My config looks like this

{
                upload: `${globals.settings.cmsUrl}/upload-image`,
                uploadName: "image",
                headers: {
                    Authorization: `Bearer ${token}`,
                },
                autoAdd: true,
                multiUpload: false,
}

PS: I do have a working endpoint which I've tested already.

Now goto the editor in browser
add image
select image from the system
then no upload request is made

What is the expected behavior? Expected is it should trigger a request and upload the asset to given url

What is the current behavior? its not uploading anywhere instead its putting base64 image in DOM

Code of Conduct

[X] I agree to follow this project's Code of Conduct

iamuddeshya commented 1 year ago

Facing same issue

deepanshu-ht commented 1 year ago

++ 1

artf commented 1 year ago

Just tried the same configuration and all works as expected.

Might be related to your grapesjs version or the grapesjs-react itself.

Please avoid creating BUG issues if you're not able to provide a reproducible demo with the latest version of GrapesJS.

I'd also highly recommend switching to the official GrapesJS React wrapper which also allows you to implement a completely declarative custom UI for your editor.

GrapesJS / grapesjs