/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 vote156 views1 answer
React hoc
Html
1 vote141 views2 answers
Html tab character tag
Html
6 votes140 views2 answers
Raise WebDriverException( selenium.common.exceptions.WebDriverException: Message: 'chromedriver' executable needs to be in PATH. Please see https://sites.google.com/a/chromium.org/chromedriver/home
Html
0 vote154 views1 answer
Put picture in iphone frame html
Html
0 vote150 views1 answer
Webpage opaque photo caption
Html
5 votes157 views1 answer
Instance in programming
Html
0 vote144 views1 answer
React router preventing assets from being served
Html
25 votes153 views10 answers
Bootstrap
Html
0 vote157 views1 answer
How to give h1 h2 in r studio
Html
0 vote129 views1 answer
How to use a text area for a model kendo mvc
Html