/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

51 votes179 views10 answers
Html
Html
0 vote161 views1 answer
How to make an image move across the screen in html
Html
0 vote174 views1 answer
Html details open default
Html
2 votes153 views1 answer
Htlm link
Html
18 votes159 views3 answers
Html inline css
Html
0 vote165 views1 answer
Disable submit button after form validation
Html
2 votes179 views2 answers
Move button to right bootstrap
Html
1 vote164 views5 answers
Html cheat sheet
Html
3 votes166 views1 answer
Reset button html
Html
0 vote180 views2 answers
How to resize submit button in html
Html