/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

35 votes295 views1 answer
How to make a divide sign in html
Html
3 votes287 views6 answers
Https://www.codegrepper.com
Html
3 votes298 views3 answers
How to justify text in html
Html
0 vote321 views1 answer
Ctx arc
Html
43 votes286 views6 answers
Html new line
Html
19 votes239 views4 answers
Button disabled
Html
13 votes282 views4 answers
HTML Text Formatting
Html
25 votes273 views1 answer
Html add page to document
Html
9 votes313 views1 answer
2 way bind vue
Html
0 vote294 views1 answer
Calendar.js:156 Uncaught TypeError: Cannot set property 'src' of null at HTMLDivElement.<anonymous>
Html