HTML5 AJAX File Uploader with progressbar error php

Question

i made one script from here but now i have problem with geting $_POST['file']

her is the crsipt

index.php

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="jquery.min.js" type="text/javascript"></script>
<script src="ajax.js" type="text/javascript"></script>
<style>
progress
{
    background-color:#FF0000;
    width:250px;
    min-height:2px;
    height:4px;
    border:none;
}
progress::-webkit-progress-bar-value, progress::-webkit-progress-value, progress::-moz-progress-bar, progress::progress-bar
{
    background-color:#0F0;
}
</style>
</head>

<body>
<form enctype="multipart/form-data" method="post">
    <input name="file" type="file" id="file" />
    <input type="button" value="Upload" />
</form>
<div id="prc"></div>%<br>
<progress value="0" min="0" max="100"></progress>
<div id="det"></div>
</body>
</html>

ajax.js

// JavaScript Document
$(function(){
    $(':file').change(function(){
        var file = this.files[0];
        name = file.name;
        size = file.size;
        type = file.type;
        $("#det").html("NAME: "+name+"<br/>SIZE: "+size+"<br/>TYPE: "+type);
        //your validation
    });

    $(':button').click(function(){
        var formData = new FormData($('form')[0]);
        $("#data").html(formData);
        $.ajax({
            url: 'upload.php',  //server script to process data
            type: 'POST',
            xhr: function() {  // custom xhr
                myXhr = $.ajaxSettings.xhr();
                if(myXhr.upload){ // check if upload property exists
                    myXhr.upload.addEventListener('progress',progressHandlingFunction, false); // for handling the progress of the upload
                }
                return myXhr;
            },
            //Ajax events
            //beforeSend: beforeSendHandler,
            success: function(html) {
                $("#mess").html(html);
            },
            error:function(html) {
                $("#mess").html(html);
            },
            enctype: 'multipart/form-data',
            // Form data
            data: formData,
            //Options to tell JQuery not to process data or worry about content-type
            cache: false,
            contentType: false,
            processData: false
        });
    });
    function progressHandlingFunction(e){
        if(e.lengthComputable){
            $('progress').attr({value:e.loaded,max:e.total});
            $('#prc').html(e.loaded);
        }
    }
});

and the "upload.php" script when im geting the error

<?php
if(isset($_POST['file'])){
    echo $_POST['file'];
}else{
    echo 'file is not set';
}
?>

the resoults

NAME: ALISON LIMERICK - Where love lives.mp3
SIZE: 16584832
TYPE: audio/mp3

> file is not set

the progresbarr is working well but in php something wrong

somebody help me??

Is not workin @dale $_FILES['file'] i tryed

Burhan Ibrahimi
– Burhan Ibrahimi

2012-07-16 15:32:48 +00:00
Commented Jul 16, 2012 at 15:32 — Burhan Ibrahimi
– Burhan Ibrahimi, Commented Jul 16, 2012 at 15:32
@antyrat i cant get the file to upload.php

Burhan Ibrahimi
– Burhan Ibrahimi

2012-07-16 15:33:52 +00:00
Commented Jul 16, 2012 at 15:33 — Burhan Ibrahimi
– Burhan Ibrahimi, Commented Jul 16, 2012 at 15:33

Leszek · Accepted Answer · 2012-07-16 21:14:42Z

1

You need to use $_FILES when dealing with files uploaded using Post. You can find information about $_FILES here.

More information can be found about handling file uploads at this link

edited Jul 16, 2012 at 21:14

Leszek

6,5983 gold badges44 silver badges54 bronze badges

answered Jul 16, 2012 at 15:30

Adam

261 bronze badge

Sign up to request clarification or add additional context in comments.

1 Comment

Burhan Ibrahimi Over a year ago

with this upload.php <?php echo $HTTP_POST_FILES['file']['name']; im getting this error [1]SCREAM: Error suppression ignored for [2]Notice: Undefined variable: HTTP_POST_FILES in Z:\WEBS\wwwhost1\upload.php on line 2 ?>

Collectives™ on Stack Overflow

HTML5 AJAX File Uploader with progressbar error php

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related