CODEWITHSUNDEEP
php
Nightmare_IntMain
Nightmare_IntMain

Reputation: 74

How to get the path of a file before its uploaded?

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.

Upvotes: 0

Views: 1039

Answers (3)

Chris Dennett
Chris Dennett

Reputation: 22741

Sites like Facebook, etc, use signed Java applets for this sort of thing (to enable local file reading), and integrate the image upload into that. Technically, you'd be able to pass data between Java and Javascript to prime it for upload, but the whole thing'd be non-trivial :) Check out http://jumploader.com/ for something which might be of use.

alt text
(source: jumploader.com)

Upvotes: 0

Enrique
Enrique

Reputation: 10137

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 :(

Upvotes: 0

goat
goat

Reputation: 31854

Recent browsers won't let you get at that type of info. file inputs are more restrictive for security.

Upvotes: 3

Related Questions