Untitled

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Ajax upload demo</title>

    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/ajaxupload.js"></script>


    <script type="text/javascript">
        $(document).ready(function(){
            /* example3 */
            new AjaxUpload('#button3', {
                action: 'Ajax.class.php?ajaxupload=1',
                name: 'docfile',
                responseType: 'text/html',
                onComplete : function(file, response){
                    $('<li></li>').appendTo($('#example3 .files')).text(file);
                    alert(response);
                }
            });
        });

    </script>
    </head>
<body>
<ul>
    <li id="example3" class="example">
        <form name="myform" action="#" method="post">
            <div>
                <input id="button3" type="file" />
            </div>
            <p>Uploaded files:</p>
            <ol class="files"></ol>
            <p>
                <input class="submit" type="submit" value="Submit form"/>
            </p>
        </form>
    </li>
</ul>
</body>
</html>


Az Ajax.class.php megfelelő metódusa:

public function ajaxUpload() {
    $uploaddir = "uploads/";
    $uploadfile = $uploaddir . basename($_FILES["docfile"]["name"]);

    if (move_uploaded_file($_FILES["docfile"]["tmp_name"], $uploadfile)) {
      $ret = "1";
    } else {
      $ret = "0";
    }

    echo $ret;
}