How to preview a loaded image in an "file" input?

Question

Through an input, I would like to load an image on the same page and with the properties in the settings below. In this case, the image would appear on top of the input for the client to preview it.

<img src="" alt="" width="340" height="230" style="border-radius: 10px; 
    border-color: black;" border="2px"/>

<input id="filebutton" name="filebutton" type="file">