/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

4 votes147 views1 answer
Portfolio templates html
Html
7 votes146 views1 answer
Bootstrap + cards
Html
6 votes159 views1 answer
Removeable hyperlink line html
Html
0 vote149 views1 answer
How to make the border invisible in html
Html
2 votes164 views1 answer
Vuejs v-for key value
Html
58 votes168 views3 answers
Btn-default class in bootstrap 4
Html
40 votes146 views3 answers
Add svg to html
Html
75 votes177 views5 answers
Radio buttons html
Html
1 vote156 views2 answers
Drag and drop html
Html
7 votes172 views2 answers
Html change player speed
Html