post file null when i send formdata from ajax

manpreet Best Answer 2 years ago

I'm trying to send image from jquery to php, but the $_FILE answer of php is null. Someone can tell me where I'm wrong?

js file

$('form.cwd-add-photo').on('submit',function(event){

        event.preventDefault();

        var files = $('.cwd-add-photo input[name="cwd-img-upload"]').prop('files')[0];

        var formData = new FormData();

        formData.append("cwd_system_require","cwd_add_photo");;

        $.each(files, function(key, value) {

            formData.append('photo['+key+']', value);

        });

        $.ajax({

            url: window.location.origin+'/cwd_call',

            type: 'post',

            data: formData,

            contentType: false,

            processData: false,

            success: function(item){

                console.log(item);

            },

        });

    });

php file

if(isset($_POST['cwd_system_require'])){

switch($_POST['cwd_system_require']){

    case 'cwd_add_photo':

            var_dump($_FILE);

            var_dump($_POST);

        break;

}

manpreet 2 years ago

Here an example of working code

HTML

Javascript

$('#upload').on('click', function() {

var file_data = $('#image').prop('files')[0];   

var form_data = new FormData();                  

form_data.append('file', file_data);                            

$.ajax({

    url: 'upload.php',  

    dataType: 'text',

    cache: false,

    contentType: false,

    processData: false,

    data: form_data,                         

    type: 'post',

    success: function(res){

        alert(res);

    }

 });

});

Upload.php

if ( 0 < $_FILES['file']['error'] ) {

    echo 'Error: ' . $_FILES['file']['error'] . '
';

}

else {

    move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $_FILES['file']['name']);

}