Material UI:Upload an image through avatar

Question

I have a project and in this project I try when I click on an avatar to choose an image, but through the image and the code shown, I could not choose a file, can I find out the reason and how I can solve it?

input: {
    display: "none",
  },

     
          <input
            accept="image/*"
            className={classes.input}
            id="contained-button-file"
            multiple
            type="file"
            onChange={fileSelectedHandler}
          />
          <label>
            <IconButton>
              <Avatar
                src="../assets/ana.png"
                className={clsx(classes.avatar, "-mt-64  w-128 h-128")}
              />
            </IconButton>
          </label>