Dynamically showing image upon selection a file from local pc, in HTML form

[p469275]

Hi friends,

I have a simple HTML form with two elements, one is <input type ="file" ...>field and another is <img>.

My requirement is to show the image as soon as i browse and choose a file.

 

Please revert back to me ASAP.

 

Ajoy

[phpQuestioner]

<script language="javascript">
function viewpic()
{
var getfile = document.getElementById('pics').value;
document.getElementById('viewer').src='file:///'+getfile+'';
}
function imageloaded()
{
document.getElementById('viewer').style.display='block';
document.getElementById('viewer').style.width='300px';
document.getElementById('viewer').style.height='250px';
}
</script>

<img id="viewer" src="" style="display:none" onload="imageloaded()"><br><br>

<input type="file" id="pics" onblur="viewpic()">