ajax post 413,ajax - (413) Request Entity Too Large error during file upload PHP - Stack Overflow

I am facing a problem which is related to PHP file upload . I am trying to submit a form using AJAX . This ajax request contains text variables and file(s) . When I am trying to send only one file then everything is going okay but in case I am sending more than one file. I am getting 413 Request Entity Too Large error . I am using Apache . Here is my code

const data = new FormData();

data.append('name', 'my upload file');

for (const i = 1; i <= 4; i++) {

const img = $(`#src${i}`).find('img').attr('src');

data.append(`image${i}`, img || '');

}

$.ajax({

type: "POST",

url: "server.php",

data: data,

cache: false,

processData: false,

contentType: false,

success: (result) => {

console.log(1);

}

});

All my uploaded files are lesser than 700KB , I also checked the PHP configuration using ini_get_all() and I found that post_max_size is 48MB , upload_max_filesize is 32MB . I am not getting that what is the reason for that problem .

To check that whether I am exceeding the allowed upload limit , I added four files (each with 10KB) but it also generating same problem while I am able to send one file of 400KB . Is there any way to identify the root cause of this problem.