JSFiddle - React, Tailwind, and code Playground

by peterdrinnan

HTML

<form id="test_form">
  <input type="file" id="test">
     
      <div id="upload_button"><img  height="83" style="margin-left:auto;margin-right:auto;z-index:900;pointer-events:none;" id="imgPreview" src="http://greenheroes.braincloudservers.com/s3/gh-prod/137413-268/graphics/Add_Photo.png"></div>
          
          
          
</form>

CSS

input{position:absolute; top:-100px;}

JavaScript

$('#upload_button').click(function() {
   $("#test").click();
})


$('#test').change(function() {
    $('#test_form').submit();
});