Skip to main content

Hi all,


I am new to monday.com and also to GraphQL, so I had to figure everything from scratch.


Currently I am developing app, where I need to upload file to specific database column.

Columns looks like this:


files_1 : {
id: "files_1",
text: "https://something.monday.com/protected_static/ID/resources/ID2/image.jpg",
title: "Dedication Image",
type: "file",
value: (JSON.stringify value of text...)
}

When I want to access photo and display it on web, I need to query with assetID and then I receive publicURL.

That was for querying.


What I need is upload file from web to monday.com


I triend every single solution that I had in mind or I found on google, but nothing helps me.


Here is my function for uploading picture:


        var formData = new FormData();
formData.append("query", `mutation addFile{add_file_to_column (item_id: 3286592696, column_id: files_1, file: ${file}) {id}}`);
formData.append('map', '{"image":"variables.file"}');
formData.append('image', file);

res.json({ response: formData });

const config = {
headers: {
'Content-Type': 'multipart/form-data',
'Authorization': token
}
};

await axios.post(url, formData, config)

This is same query as from Postman, where it works without problem. How can I send this query from my client?

Every single request ends with CORS problem.


I am using React.js (Next.js) with antDesing.


Thank you

Hi @marek,


Welcome to the community! we hope you like it here 🚀


Would you please share the CORS error you’re seeing?


Thanks!


Reply