How to display image selected on input?

user_4208719 0
Viewed 134

Im trying to display the image selected, but I keep getting the following error:

Not allowed to load local resource:

Any ideas why?

<input type='file' id='fileName' name='fileName' capture='user' accept='image/*'  onchange=\"document.getElementById('myImg').src = window.URL.createObjectURL(this.files[0])\">

<p><img src='#' id='myImg'></p>
image html jquery javascript
2 Answers

You have error in your onchange event, i tried the code and it works

onchange="document.getElementById('myImg').src = window.URL.createObjectURL(this.files[0])"

jsfiddle

user_128650500

Agree with @tantoui zakaria. It seems you tried to escape the double quotes with a front slash (/) His code works as expected!

user_137603190
Related