photo upload and showusing js
photo upload and showusing js
xxxxxxxxxx<img id="blah" alt="your image" width="100" height="100" /><input type="file" onchange="document.getElementById('blah').src = window.URL.createObjectURL(this.files[0])">Source: stackoverflow.com
Closely Related Answers
xxxxxxxxxx<input type="file" accept="image/*" onchange="loadFile(event)"><img id="output"/><script> var loadFile = function(event) { var output = document.getElementById('output'); output.src = URL.createObjectURL(event.target.files[0]); output.onload = function() { URL.revokeObjectURL(output.src) // free memory } };</script>Source: stackoverflow.com
Upload and display image javascript
xxxxxxxxxxconst file = document.querySelector("#file") // or document.getElementById(file)file.addEventListener("change", function() { const reader = new FileReader() reader.addEventListener("load", () => { document.querySelector("#image").src = reader.result }) reader.readAsDataURL(this.files[0])})Source: Grepper
xxxxxxxxxx<img id="blah" alt="your image" width="100" height="100" /><input type="file" onchange="document.getElementById('blah').src = window.URL.createObjectURL(this.files[0])">Source: stackoverflow.com
xxxxxxxxxx<img id="blah" alt="your image" width="100" height="100" /><input type="file" onchange="document.getElementById('blah').src = window.URL.createObjectURL(this.files[0])">Source: stackoverflow.com
xxxxxxxxxx<img id="blah" alt="your image" width="100" height="100" /><input type="file" onchange="document.getElementById('blah').src = window.URL.createObjectURL(this.files[0])">Source: stackoverflow.com
Twitter 
LinkedIn