html input file image code example
Example 1: input type="file" and display image
<p><input type="file" accept="image/*" name="image" id="file" onchange="loadFile(event)" style="display: none;"></p>
<p><label for="file" style="cursor: pointer;">Upload Image</label></p>
<p><img id="output" width="200" /></p>
<script>
var loadFile = function(event) {
var image = document.getElementById('output');
image.src = URL.createObjectURL(event.target.files[0]);
};
</script>
Example 2: input type file filter extensions
<input type="file" accept=".gif,.jpg,.jpeg,.png,.doc,.docx">
Example 3: accept vedio pdf files upload html
<input type="file" accept=" video/*" />