Adding ajax jQuery File upload

<input id="files" type="file" />

<script>
document.getElementById('files').addEventListener('change', function(e) {
    var file = this.files[0];
    var xhr = new XMLHttpRequest();
    (xhr.upload || xhr).addEventListener('progress', function(e) {
        var done = e.position || e.loaded
        var total = e.totalSize || e.total;
        console.log('xhr progress: ' + Math.round(done/total*100) + '%');
    });
    xhr.addEventListener('load', function(e) {
        console.log('xhr upload complete', e, this.responseText);
    });
    xhr.open('post', '/URL-HERE', true);
    xhr.send(file);
});
</script>

xhr.send(file);

var fd = new FormData;
fd.append('photo1', file);
fd.append('photo2', file2);
fd.append('other_data', 'foo bar');
xhr.send(fd);

if ( isset($_FILES['file']) ) {
    $filename = basename($_FILES['file']['name']);
    $error = true;

    // Only upload if on my home win dev machine
    if ( isset($_SERVER['WINDIR']) ) {
        $path = 'uploads/'.$filename;
        $error = !move_uploaded_file($_FILES['file']['tmp_name'], $path);
    }

    $rsp = array(
        'error' => $error, // Used in JS
        'filename' => $filename,
        'filepath' => '/tests/uploads/' . $filename, // Web accessible
    );
    echo json_encode($rsp);
    exit;
}

?php
   error_reporting(E_ALL | E_STRICT);
   require('UploadHandler.php');
   $upload_handler = new UploadHandler();

error_reporting(E_ALL | E_STRICT);
require('UploadHandler.php');

class MyUploadHandler extends UploadHandler
{
    /*
     * Maintain our database:
     * For each uploaded file, add an entry to the tbl_xxx
     */
    protected function handle_file_upload($uploaded_file, $name, $size, 
                                          $type, $error, $index = null, 
                                          $content_range = null)
    {
        // this does what woudl have automatically been done 
        // before we subclasses anything
        $file = parent::handle_file_upload($uploaded_file, $name, $size, 
                                           $type, $error, $index, 
                                           $content_range);

        /* Now we add some extra processing 
           if the file uploaded with no problems
         */
        if ( empty($file->error) ) {

            $sql = "INSERT INTO tbl_xxx ( a,b, imgpath)
                    VALUES('x', 'y', '$file->name' )";

            $db->query($sql);

        }
        return $file;
    }
} // end of class

$upload_handler = new MyUploadHandler($site_params);