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

image file size in react-dropzone

Inquisitive Ibex answered on April 5, 2022 Popularity 9/10 Helpfulness 4/10

answer image file size in react-dropzone

image file size in react-dropzone

Comment

import React, { useState } from "react";
import { useDropzone } from "react-dropzone";

const UploadFile = () => {
  const [errors, setErrors] = useState("");

  const { getRootProps, getInputProps } = useDropzone({
    multiple: false,
    onDrop: (acceptedFiles, fileRejections) => {
      fileRejections.forEach((file) => {
        file.errors.forEach((err) => {
          if (err.code === "file-too-large") {
            setErrors(`Error: ${err.message}`);
          }

          if (err.code === "file-invalid-type") {
            setErrors(`Error: ${err.message}`);
          }
        });
      });
    }

  return (
    <div{...getRootProps()}>
      <input {...getInputProps()} title={title} />
        <p style={{ color: "red", padding: 5, margin: 0, fontSize: 14 }}>
          {errors}
        </p>
    </div>
  );
};

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: image-file javascript react-dropzone size

Link to this answer
Share Copy Link

Contributed on Apr 05 2022

Inquisitive Ibex

0 Answers Avg Quality 2/10

image file size in react-dropzone

Contents

More Related Answers

image file size in react-dropzone

Grepper

Documentation

Social

Legal

Contact

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