previewing image file uploads possible?

qaud6

I've got a form which allows you to upload an image file.

You specify the file and click add, this will submit to a php script that renames and moves the file - stores it.

What i'd like to also have on this form is a "preview" button which will pop up a new window displaying the uploaded image but without storing it so that if the user decides to change the image is not uploaded.

Since the file is there in some sort of temp directory? php should be able to display it right?

AstroTeg

Check out the specs on file uploading at php.net. You'll find once the file is uploaded, your upload script HAS to move it before the script completes. Otherwise, once your script completes, PHP cleans up its mess in the temp directory. So, this just means you need to create your own temp directory and you'll need to move the image to it. This also means you're responsible for cleaning up this temp directory as well.

But yes, this can be done...

qaud6

Ok. Do you have any suggestions on the easiest way to maintain this temp directory? or where i could find more info or examples?

tommynanda

Wat difference does it make to view the Image from temp directory instead of the directory you copied to. Anyways the file is already uploaded. ?

uodeltasig

Originally posted by tommynanda
Wat difference does it make to view the Image from temp directory instead of the directory you copied to. Anyways the file is already uploaded. ?

Because like AstroTeg mentioned above, if you don't move it the files left in the temp folder after the php script finishes will be deleted. The best way to solve this is to use javascript since it's client side and doesn't require you to upload it to the server.
see the following example
http://dmxzone.com/ShowDetail.asp?NewsId=4120

tommynanda

Originally posted by qaud6
Since the file is there in some sort of temp directory? php should be able to display it right?

If you've already uploaded... you can copy to some folder, then preview and unlink() the file if you dont want... thats wat I meant uodeltasig 😉

PallaviDalvi

some thing like this...???

<font>Upload your Picture</font><br>
<input type="hidden" name="MAX_FILE_SIZE" value="9999999">
<input type=file name="pic" id=pic>

<input type=button value=preview onclick=preview();>

function preview()
{
	var win=window.open("win");
	var doc=win.document;
	doc.open("text/html","replace");
	doc.write("<html><head></head><body><img src='" + pic.value + "'></body></html>");
	doc.close;
}

this code works on IE. am not sure abt other browsers...u wud have to make appropriate changes.