HTML5 - Copying image taken from <input> to <img>

[Osiris Dragon]

Hi,
I am trying to take a photo using HTML5 input field, and need to move it to a img tag as below:

<p>Capture Image: <input type="file" accept="image/*" id="f_capture" capture="camera"/> </p>

<img id="imageholder" src="" />

In Chrome (for testing), when I try to
$("#f_capture") .val() evaluates to C:\fakepath\pho to.JPG"

I am not sure how to extract the value from the input field like I would normally do with ordinary <input> items.

Any help appreciated. Thanks.

[Dormilich]

In Chrome (for testing), when I try to
$("#f_capture") .val() evaluates to C:\fakepath\pho to.JPG"

looks like it’s working …

anyways, file inputs implementing the File API can be used as:

var fileName = document.getElementById('f_capture').files[0].name;