/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

28 votes265 views6 answers
Html telephone link
Html
0 vote259 views1 answer
Embedded youtube
Html
0 vote280 views1 answer
Html image goes outside div
Html
3 votes254 views1 answer
Html form button don't submit
Html
0 vote276 views1 answer
Html set all text size
Html
0 vote282 views2 answers
Youtube embed video
Html
7 votes310 views6 answers
Ng class conditional angular
Html
0 vote307 views1 answer
Js lib alert
Html
0 vote322 views1 answer
Fontawesome online link
Html
1 vote266 views1 answer
How to add icons in html
Html