File Upload in Localstorage

 

    const [image, setImage] = useState(null);

    const [fileKey, setFileKey] = useState(Date.now());

    const [uploadProgress, setUploadProgress] = useState(0);

    const MAX_FILE_SIZE = 50 * 1024 * 1024; // 50MB limit

    const handleImageChange = (e) => {

    const file = e.target.files[0];

    if (file && file.size > MAX_FILE_SIZE) {

      alert("File size exceeds 50MB limit.");

      setFileKey(Date.now());

    } else {

      setImage(file);

      setImagePreview(URL.createObjectURL(file)); // Set the image preview

    }

  };

//JSX     <input

    key={fileKey}

    type="file"

    onChange={handleImageChange}

    className="" />