BUG: Asset manager upload sending empty object to backend endpoint
Question
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
Firefox
Reproducible demo link
NA
Describe the bug
What is the current behavior?
I have created a custom backend endpoint for storing my assets, when I used the upload method of asset manager it is not sending any data to my backend it sends an empty object, I am getting the asset data at client side inspector also facing the same issue while sending using Axios inside the asset manager
assetManager: {
upload: "http://localhost:5002/api/grapesjs/assets"',
},
getting an empty object at backend
Also tried
assetManager: {
uploadFile: async (e) => {
var files = e.dataTransfer ? e.dataTransfer.files : e.target.files;
console.log(files[0]);
let formData = new FormData();
formData.append("file", files[0]);
formData.append('test',"testing...");
console.log(formData);
await Axios.post("http://localhost:5002/api/grapesjs/assets", {
headers: {
"Content-Type": "multipart/form-data",
"Access-Control-Allow-Original":"*"
},
formData
})
.then(function () {
console.log("Success");
})
.catch(function (error) {
console.log(error);
});
},
},
Same error
BACKEND CODE
private storeassets = async (
req: Request,
res: Response,
next: NextFunction
): Promise<void> => {
try {
console.log("REQ TO S3")
console.log(req.body);
const assetData = req.body;
console.log("STORING TO S3")
console.log(assetData)
Backend console data getting empty object in formData: {}
REQ TO S3
{
headers: {
'Content-Type': 'multipart/form-data',
'Access-Control-Allow-Original': '*'
},
formData: {}
}
### Code of Conduct
- [X] I agree to follow this project's Code of ConductAnswers (2)
Sorry but by simply trying to submit an asset the payload I see is correct, so without a reproducible demo, it looks to be an issue on your backend side (ensure to have the proper body-parser).
Thanks, worked using Multer, the issue was with the body parser.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #5795
BUG: How to add a addtional custom block manager like tab or section like block manager and style manager ,and add some blocks it to it?
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome v9 Reproducible demo link Describe...
Issue #5478
BUG: Custom block categories can't be named same as prototype object method names or it breaks Grapes
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link Version 118....
Issue #5898
BUG: Broken link on Asset Manager
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? FIrefox Reproducible demo link https://gra...
Issue #4837
BUG: HTML elements ids are incremented on different pages loaded in projectData
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 109 Reproducible demo link https:/...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.