title: upload and save image onclick of image
body: <p>i have an html page.Which is actually an profile viewing html page. Where there is an profile picture. I want to upload option on-click of profile image and save it in my system.For now i am running it on my system only.</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li class="name"&gt;
          &lt;input type="file" id="my_file" style="display: none;" /&gt;
          &lt;img src="../../static/img/profile-img.jpg" alt="Shri"&gt; &lt;a&gt;{{ .userName }}&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class="logout"&gt;&lt;a href="/logout"&gt;Logout&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Contacts&lt;/a&gt;&lt;/li&gt;
      &lt;li class="last"&gt;&lt;a href="#"&gt;Help&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I should get image upload option if i click on this image(current image) and i want to save uploaded image.
  This i need in any case please help me to do this.</p>