三个思路解决laravel上传文件报错：413 Request Entity Too Large问题

上传图片的时候，是用laravel自带的上传图片的方法，一下气上传了20张，结果就无情报错：413 Request Entity Too Large，后面查一下，这个报错信息是nginx报的错误，不是php报的错误。也就是说在上传图片的时候被nginx拦截了 在使用 Laravel 框架进行文件上传时，可能会遇到“413 Request Entity Too Large”的错误，这通常意味着客户端发送的请求实体（如上传的文件）超过了服务器接收的最大限制。在本例中，问题出现在 Nginx 阶段，而非 Laravel 的处理过程中。Nginx 有一个默认配置 `client_max_body_size`，限制了允许上传文件的大小，通常是2MB。以下是三个解决这个问题的思路： **思路一：修改 Nginx 配置** 这是最直接的解决方案。你需要找到 Nginx 的主配置文件 `nginx.conf`，通常位于 `/usr/local/nginx/conf/nginx.conf`，然后在 `http{}` 段中找到 `client_max_body_size` 配置项，将2MB的限制改为你需要的大小，例如，如果你要允许上传10MB的文件，应将其改为 `client_max_body_size 10m;`。修改后，记得使用 `nginx -t` 测试配置文件的正确性，无误后通过 `/etc/init.d/nginx restart` 重启 Nginx 服务以应用新的配置。同时，如果你的服务器是 PHP 运行环境，还需要确保 PHP 的 `post_max_size` 和 `upload_max_filesize` 配置与 Nginx 设置保持一致或稍大，以避免出现其他错误。 **思路二：添加友好报错页面** 如果项目测试要求避免显示“413 Request Entity Too Large”错误，你可以创建一个自定义的错误页面来友好地展示错误信息。在 Nginx 配置文件中，开启 `fastcgi_intercept_errors on;` 以捕获错误，然后在 `server` 定义区域添加 `error_page 413 /413.htm;`，这里的 `/413.htm` 是你的友好错误页面路径。测试配置正确后，重启 Nginx。这样，当用户尝试上传超出限制的文件时，他们会看到自定义的错误页面，而不是默认的 413 错误。 **思路三：前端 JavaScript 预检查** 为了提供更好的用户体验，可以在表单提交前使用 JavaScript 进行文件大小的检查。通过监听文件输入元素的 `change` 事件，获取上传文件的大小，如果超过限制，阻止表单提交并显示警告信息。例如，你可以创建一个简单的 HTML 表单，其中包含一个文件输入字段和一个提交按钮，然后使用 JavaScript 监听文件输入的改变，判断文件大小并根据结果决定是否禁用提交按钮。 ```html <form action="" method="post" enctype="multipart/form-data"> <div class="form-group"> <label for="picture">文章展示图片(800KB内):</label> <input id="picture" name="picture" type="file"/> </div> <button type="submit" id="submit" class="am-btn am-btn-success"> <span class="am-icon-send"></span> 发布 </button> </form> ``` 对应的 JavaScript 可以如下： ```javascript document.getElementById('picture').addEventListener('change', function() { var file = this.files[0]; if (file && file.size > 800 * 1024) { // 800KB限制 alert('文件过大，请选择800KB以内的图片'); document.getElementById('submit').disabled = true; } else { alert('文件大小合适，可提交'); document.getElementById('submit').disabled = false; } }); ``` 通过以上三种方法，你可以根据实际需求和项目规范来处理“413 Request Entity Too Large”错误，无论是通过调整服务器配置，提供友好的错误页面，还是在前端进行预防性的大小检查，都能有效解决这个问题，提升用户体验。