Invalid JSON in the ‘operations’ multipart field when upload formdata?

[siamahnaf]

I can't say that is it issue or my code problem. I am trying to upload file from next js application. I create a formdata. But I get an error like this-

Here is my requst function code-

formData.append('operations', '{ "query": "mutation($file: Upload!) {signUp(avatar: $file, input: {name: \"Siam Ahnaf\", email: \"siamahnaf198@yahoo.com\", password: \"siam1980\"}){message, token}}", "variables": { "file": null } }');
    formData.append('map', '{ "0": ["variables.file"] }');
    formData.append('0', Image);

    await axios.post("http://localhost:3001/graphql", formData, {
        headers: {
            'Content-Type': 'application/json'
        }
    })
        .then(response => console.log(response))
        .catch(error => console.log(error));

I can't understand where is the problem or the issue. Please anyone help me.

But in apollo studio it runs or uploads file successfully. Here is the image-

Can you help me. Please!

Note***- My backend and frontend application both are running in localhost ( obviously different port ).

[jaydenseric]

@siamahnaf198 you are now blocked across every repo I maintain for spamming various repos for help with your work.

• I politely asked you not to raise issues asking for help with your work, and even gave you a few tips to help you solve your problem: https://github.com/jaydenseric/graphql-multipart-request-spec/issues/57#issuecomment-943114969

• You then raised another issue in the same repo begging for help again after I closed the first one. Although you were testing my patience and had insulted me by saying "I think you are very angry person", I kindly explained the silly mistakes you were making with invalid JSON (and should have been able to figure out on your own easily without bothering the 15 repo watchers who get email notifications about every issue and comment): https://github.com/jaydenseric/graphql-multipart-request-spec/issues/58#issuecomment-945446875 . You then made another 2 comments spamming for help, and revealed you are still writing invalid JSON with incorrect escapes: https://github.com/jaydenseric/graphql-multipart-request-spec/issues/58#issuecomment-945452214 .

  
• Now you raise another issue here begging for help again: https://github.com/jaydenseric/graphql-upload/issues/270 . The fact that GraphQL multipart requests for the same operation made by tools and not your own hands work fine prove the issue is not a problem with graphql-upload, yet you raise an issue here anyway and bother 13 watchers. Use the network inspector to compare character by character a successful correct request, with whatever incorrect request you are manually sending. Pay attention to detail.

I almost never block users or lock issues, but I can't allow you to continue disturbing repo watchers with frivolous issues after I politely asked you not to. These GraphQL upload related packages are well documented and are installed millions of times per week; no one else is having trouble and begging for help all the time. Only you. Please reflect on this.

Use StackOverflow or some group chat for JS/GraphQL help if you are still stuck.