How to post file to server ReactJs

Samukelo Kano Lukhele answered on November 3, 2022 Popularity 9/10 Helpfulness 5/10

answer How to post file to server ReactJs

How to post file to server ReactJs

Comment

import React, { useEffect, useState } from "react";
function Product() {

    const { REACT_APP_REST } = process.env;

    const [file, setFile] = useState([]);

    const handleFile = event => {
        setFile(
            URL.createObjectURL(event.target.files[0])
        );
        const formData = new FormData();
        formData.append("fileupload", event.target.files[0]);

        fetch(REACT_APP_REST + "/product/upload", {
            method: 'POST',

            body: formData,
            dataType: "jsonp"
        })
    };
    return (
        <>
            <Container fluid>
                <Col md="4">
                    <Card className="card-user">
                        <img src={file} />
                        <Card.Body>
                            <Form.Group>
                                <label>IMAGE</label>
                                <Form.Control
                                    type="file"
                                    required="required"
                                    onChange={handleFile}
                                ></Form.Control>
                            </Form.Group>
                        </Card.Body>
                        <hr></hr>

                    </Card>
                </Col>
            </Container>
        </>
    );
}

export default Product;

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: file javascript post reactjs server

Link to this answer
Share Copy Link

Contributed on Nov 03 2022

Samukelo Kano Lukhele

0 Answers Avg Quality 2/10

How to post file to server ReactJs

Contents

More Related Answers

How to post file to server ReactJs

Grepper

Documentation

Social

Legal

Contact

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