user3557576 user3557576 - 1 year ago 175
jQuery Question

jquery ajax file uploading not working var_dump($_FILES) gives empty array

i have tried to find a solution to my question in this website but i couldn't solve my problem.
it is html part:

<form action="" method="post" enctype="multipart/form-data" id="edit_profile_form" >
<input type="file" name="new_profile_photo" id="new_profile_photo" value="Choose Photo" >
<button class="button11" name="save_changes" id="button11" >SAVE </button>

this is ajax code:

<script type="text/javascript">
$(document).on('click', '#button11', function(){

var file_data = $("#new_profile_photo").prop('files')[0];
var form_data = new FormData();
form_data.append('file', file_data);

async: false,
cache: false,
contentType: false,
processData: false,
data: form_data,




when i write var_dump($_FILES) it gives me empty array. if anyone knows ho to solve it please help. thanks

Answer Source

Try this:


    $('#upload').on('click', function() {
            var file_data = $('#pic').prop('files')[0];
            var form_data = new FormData();
            form_data.append('file', file_data);

                    url         : 'upload.php',     // point to server-side PHP script 
                    dataType    : 'text',           // what to expect back from the PHP script, if anything
                    cache       : false,
                    contentType : false,
                    processData : false,
                    data        : form_data,                         
                    type        : 'post',
                    success     : function(output){
                        alert(output);              // display response from the PHP script, if any
             $('#pic').val('');                     /* Clear the file container */


        if ( $_FILES['file']['error'] > 0 ){
            echo 'Error: ' . $_FILES['file']['error'] . '<br>';
        else {
            if(move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $_FILES['file']['name']))
                echo "File Uploaded Successfully";


It will upload the file to uploads directory

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download