/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

3 votes224 views2 answers
How to add steps on number input in html
Html
0 vote196 views1 answer
Crawler get text, not get html
Html
0 vote201 views1 answer
Django template list item by index
Html
0 vote202 views1 answer
How to display an array in html
Html
1 vote219 views2 answers
React script cdn
Html
9 votes226 views1 answer
Relative file path
Html
0 vote225 views1 answer
Html header to word docx
Html
1 vote208 views1 answer
How to put custom tab name in html
Html
68 votes208 views4 answers
Favicon in html document
Html
304 votes313 views10 answers
Amc stock
Html