Breaking News: Grepper is joining You.com. Read the official announcement!

Next Image Upload

Readul Ahmed answered on April 15, 2023 Popularity 9/10 Helpfulness 2/10

answer Next Image Upload

Next Image Upload

Comment

//@ts-nocheck
//@ts-ignore
import { NextApiRequest, NextApiResponse } from "next";

const API_URL: any = process.env.API_URI;

export default async function imgUpload(req: NextApiRequest, res: NextApiResponse) {
    if (req.method === "POST") {
        try {

            const body = JSON.parse(req.body);
            const { image } = body;


            const imgBlob = await fetch(`${image.file}`).then(res => res.blob());


            console.log('image.file_name :-', image.file_name);

            var formdata = new FormData();
            formdata.append("image", imgBlob, image.file_name);
            var requestOptions: any = {
                method: 'POST',
                body: formdata,
                redirect: 'follow'
            };

            const setting = await fetch(`${API_URL}/products/upload`, requestOptions);
            const result = await setting.json();

            console.log('setting :-- ', setting);
            console.log('result :-- ', result);

            // res.status(200).json({
            //     status: true,
            //     result,
            // })

        } catch (err) {
            console.log(err);
            res.status(500).send("Wrong information");
        }
    } else {
        res.status(405).json({ messagge: "Method not allowed" });
    }
}

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: image-upload javascript next

Link to this answer
Share Copy Link

Contributed on Apr 15 2023

Readul Ahmed

0 Answers Avg Quality 2/10

Next Image Upload

Contents

More Related Answers

Next Image Upload

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.