Question

I have an upload box…

<form action="upload_file.php" method="post" enctype="multipart/form-data"><BR>
    <label for="file">Filename:</label><BR>
    <input type="file" name="file" id="file" /><BR> 
    <input type="submit" name="submit" value="Submit" />
</form>

Now when I click browse and get the Image I want to upload and click it, it shows the path of the file into the text box that comes with. Now I want to get that path and insert it into a <img> tag so It will show to get a preview before I upload.

Answer 1

Try this:

<script>
function lalala(str){
    alert(str);
}
</script>

<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">

<input type="file" name="file" id="file" onchange="lalala(this.value);" />
</form>

It worked for me in IE8 it gives me the complete path but in firefox and chrome is just prints the file name 🙁