Using jquery to upload files

Question

Hi
I have uploaded files before but not using jquery but now am trying to use jquery so that my files uploads without page refreshing.
This is my Jquery code. and below is the html code. Can any one help me with the jquery code so that I can get the data to the php script that process
the variables.
JQUERY:
<script type="text/javascript">
$(document).ready(function() {
   $("#photoform").submit(function() {
                            var phototitle = $("phototitle").val();
                            var photogenre = $("photogenre").val();
                            var photodesc = $("photodesc").val();
                            var photofield = $("photofield").val();
    $.post("Uploadfix.php", { phototitle: phototitle,
     photogenre: photogenre, photodesc: photodesc, photofield: photofield}, function(data) {
     $("#allresult").html(data);
   return false;
//-->
</script>
PHP CODE:
$phototitle=addslashes(strip_tags($_POST['phototitle']));
$photogenre=addslashes(strip_tags($_POST['photogenre']));
$photodesc=addslashes(strip_tags($_POST['photodesc']));
$photo=$_FILES["photofield"]["name"];
$type=$_FILES["photofield"]["type"];
$size=$_FILES["photofield"]["size"];
$temp_name=$_FILES["photofield"]["tmp_name"];
$error=$_FILES["photofield"]["error"];
echo "$phototitle";
echo "<br/>";
echo "$photo";
echo "<br/>";
echo "$type";
echo "<br/>";
html:
<form id="photoform" method="post" enctype="multipart/form-data" action=''>
//id variables:
</form>
How can I read in the file from jquery to the php sucessfully. NO SUCESS YET!
Thanks.

Answer 1

Hi Gramps
Thank for the reply. If I use form action like the code below it works but I can not do validation.
<script type="text/javascript" >
/* $(document).ready(function() {
            $("#photoform").submit(function(e)         {
            $("#allresult").html('');
            $("#allresult").html('<img src="PHOTOTEST/loader.gif" alt="Uploading...."/>');
            $("#photoform").ajaxForm({
                        target: '#allresult'
        }).submit();
</script>
HTML:
<form id='photoform' enctype='multipart/form-data' method='post' action='process.php'>
</form>
PHP:
$example=$_POST['INPUT'];
if($example>5)
echo "input greater than 5 sorry.";
else
//process data
The problem is this is echoed in a new page which is process.php. Instead of on a div on the page that is submitting the form. I know this is
because of the form action. how can I make the validation appear on a div on same page?
cheers.