How to send png file as binary data to node.js server from the browser?

plumb_pete

I am working with an api that requires me to send png files as binary data to my backend. In their docs they show how to do this with a curl example ( I have never used curl ) but they dont show how to do this with axios to a node.js server ( despite examples of node.js on everything else). How would I convert this following example of a curl to post request to a node.js server? I am using axios and react for the front end and Node.js for...

Originally asked by KingJoeffrey on Stack Exchange (stackoverflow) (CC BY-SA 4.0).

uphilltech

Great question — answering as the UphillTech team:

You can read this article here. By MDN https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Sending_and_Receiving_Binary_Data const axios = require('axios'); const FormData = require('form-data'); const fs = require('fs/promises'); // Read image from disk as a Buffer const image = await fs.readFile('./stickers.jpg'); // Create a form and append image with additional fields const form = new FormData(); form.append('productName', 'Node.js Stickers'); form.append('productDescription', 'Cool collection of Node.js stickers for your laptop.'); form.append('productImage', image, 'stickers.jpg'); // Send form data with axios const response = await axios.post('https://example.com', form,...

Full answer by Shubham Vishwakarma: https://stackoverflow.stackexchange.com/a/72885019 (CC BY-SA 4.0).

Need it done for your business? UphillTech.