/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 vote245 views2 answers
Share to google plus html link
Html
26 votes206 views3 answers
Bootstrap 4 success alert
Html
0 vote210 views1 answer
Nastro adesivo termico
Html
1 vote189 views1 answer
Typo3 pass argument to action
Html
0 vote140 views2 answers
Themeforest html templates
Html
0 vote239 views2 answers
Echo
Html
32 votes232 views2 answers
How to tab in html
Html
1 vote198 views1 answer
Bootstrap textarea width
Html
0 vote202 views1 answer
Tag for tel
Html
0 vote192 views1 answer
Selenium click not working
Html