JSFiddle - React, Tailwind, and code Playground

HTML

<div id="TileImageUpload" style="border:1px solid #000000; padding:5px;"> Upload an image</div>

<br/>
<br/>
<br/>
<br/>

<form action="uploadImage.php" target="upload_target" id="TileUploadImageForm" enctype="multipart/form-data" method="post" accept-charset="utf-8">
    <div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>
    <input type="file" name="data[Tile][image]"  id="TileImage"/>
    <input type="submit" value="Submit">
</form>
    
<iframe id="upload_target" name="upload_target" src="#" ></iframe>

JavaScript

$('#TileImage').change(function() {$('#TileUploadImageForm').submit();});
$('#TileImageUpload').click(function(){$('#TileImage').click();});