title: Material UI:Upload an image through avatar
body: <p><a href="https://i.stack.imgur.com/dpvSP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dpvSP.png" alt="enter image description here" /></a></p>
  <p>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?</p>
  <pre><code>input: {
      display: &quot;none&quot;,
    },
  
       
            &lt;input
              accept=&quot;image/*&quot;
              className={classes.input}
              id=&quot;contained-button-file&quot;
              multiple
              type=&quot;file&quot;
              onChange={fileSelectedHandler}
            /&gt;
            &lt;label&gt;
              &lt;IconButton&gt;
                &lt;Avatar
                  src=&quot;../assets/ana.png&quot;
                  className={clsx(classes.avatar, &quot;-mt-64  w-128 h-128&quot;)}
                /&gt;
              &lt;/IconButton&gt;
            &lt;/label&gt;
  </code></pre>