ajax - (413) Request Entity Too Large error during file upload PHP

Question

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.

Answer 1

You need to change your nginx conf (/usr/local/nginx/conf/nginx.conf) setting to this

client_max_body_size 512M;//set it to higher mb

After setting this value you would need to restart nginx

service nginx restart