Untitled

import React, { useState } from 'react';

const ImageUploader = () => {
  const [selectedImages, setSelectedImages] = useState([]);

  const handleImageChange = (e) => {
    const files = e.target.files;

    // Convert FileList to an array
    const newImages = Array.from(files);

    // Update state with the new images
    setSelectedImages([...selectedImages, ...newImages]);
  };

  const handleUpload = () => {
    // Store selected images in session storage
    sessionStorage.setItem('uploadedImages', JSON.stringify(selectedImages));

    // Clear the selected images in the component state
    setSelectedImages([]);
  };

  return (
    <div>
      <input type="file" onChange={handleImageChange} multiple />
      <button onClick={handleUpload}>Upload</button>
    </div>
  );
};

export default ImageUploader;