/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

9 votes190 views1 answer
How to submit a form with submit button outside form
Html
38 votes191 views6 answers
How to create a button in html
Html
0 vote185 views1 answer
Page html vierge
Html
1 vote190 views1 answer
Bootstrap row overflow
Html
0 vote198 views1 answer
Laravel 5: Mostrar HTML con Blade
Html
0 vote174 views1 answer
Html non importa immagini in webpack
Html
1 vote183 views1 answer
Input type for website in html
Html
0 vote200 views1 answer
Show the display
Html
4 votes142 views1 answer
Empty tag in html
Html
6 votes155 views4 answers
How to add text in html
Html