Drag image to canvas doesn't show image
@ageir I did some different (for file upload): and and for list images:
Read full answer below ↓Question
Running latest version (0.14.29) on local server. Using the example webpage preset. Ubuntu 18.04, Chromium 69. I got a problem dragging images to the canvas. I'm using a php backend. The image is uploaded and added to the assetmanager but the image doesn't show up in the canvas, only the missing file icon and the name of the file uploaded. I'm using the demo page as a base. https://grapesjs.com/demo.html To test it replace asset manager in that file with: The response from the server on upload looks like this: {"data":[{"id":"641","name":"myfile.jpg","type":"image","src":"\/remote\/file\/641"...
Answers (3)
@ageir I did some different (for file upload): and and for list images:
Because of your custom uploadFile (why not using just the original???), you're not calling the callback https://github.com/artf/grapesjs/blob/dev/src/asset_manager/view/FileUploader.js#L105
HI @artf, I have the same issue, my configuration looks like this: This function works alright, I can actually upload images and they will show in the asset manager. For the image block I have: Which is directly copied from the newsletter plugin. Now, when I drag to image block to the canvas and do...
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1418
[BUG?] Asset manager not deleting files on server unless upload triggered.
Running latest version (0.14.29) on local server. Using the example webpage preset. Ubuntu 18.04, Chromium 68. Assetmanager init: And exten...
Issue #1369
[BUG] Class of a block doesn't always show in the classes section
Hello everyone, I have added many custom blocks and gave the same css class to all the images in those blocks. Let's call it for now 'image...
Issue #1715
Hello, I am new to your project, but I love it. I have a small issue with image attributes.
I added two new traits to the trait manager for images. Width and height. I added it as a plugin following your example. It totally works a...
Issue #861
[Question] Help adding images to the canvas
I've followed the docs and have been able to upload images. When I drag an image block (using the newsletter preset) and select an image fr...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Related tutorials
In-depth guides on the same topic.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.