/Html/Input type="file" and display image

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>

Similar codes

9 votes136 views1 answer
Relative file path
Html
0 vote126 views1 answer
Class 'html' not found
Html
0 vote150 views1 answer
Open Dropdown pop up upwards forcely
Html
27 votes122 views1 answer
How to include the copyright symbol in html
Html
0 vote149 views1 answer
Html script crossorigin
Html
0 vote133 views1 answer
Select html gray safari
Html
1 vote138 views1 answer
Simple form label
Html
1 vote132 views3 answers
Bootstrap cards with image on the right side
Html
0 vote168 views1 answer
Delete icon in html
Html
1 vote166 views1 answer
Url encoded header
Html