/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

0 vote326 views1 answer
Meta http-equiv x-ua-compatible
Html
9 votes283 views3 answers
How to change background image in html
Html
5 votes300 views1 answer
Js html textbox on change
Html
3 votes323 views2 answers
Html select option disabled selected
Html
0 vote308 views1 answer
Typo3 symlinks
Html
1 vote294 views1 answer
Don't drag html
Html
304 votes558 views10 answers
Amc stock
Html
0 vote310 views1 answer
How to make squares in html
Html
0 vote295 views1 answer
How to put image center in html stack overflow
Html
0 vote307 views1 answer
Animate image or text html
Html