/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 vote193 views1 answer
Html paragraph with spaces
Html
0 vote187 views1 answer
Height 100% tailwind
Html
0 vote184 views1 answer
Html peseta
Html
0 vote187 views1 answer
Vmware workstation ubuntu 16.10
Html
1 vote206 views1 answer
Tailwind border width
Html
0 vote189 views2 answers
The function tag in js
Html
2 votes188 views3 answers
Checkbox value
Html
9 votes177 views2 answers
Html relative path
Html
6 votes180 views1 answer
<meta name="viewport" content="width=650, user-scalable=yes">
Html
0 vote189 views1 answer
Use jquery variable in html
Html