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

最近一个项目当中,要求上传图片,并且限制图片大小,虽然在laravel当中已经添加了相关的表单验证来阻止文件过大的上传,然而当提交表单时,还没轮到laravel处理,Nginx就先报错了。当你仔细看报错页面时,你会发现有Nginx版本信息,经过分析,这报错是因为Nginx上传文件大小配置client_max_body_size只有2MB, 基于Nginx验证比laravel验证要早,想要友好报错而不是直接显示413 Request Entity Too Large,那么就有三个思路去解决

思路一:修改Nginx配置

这是最简单的一个做法,着报错原因是Nginx不允许上传配置过大的文件,那么件把Nginx上传大小配置调高就好。

1、打开Nginx配置文件Nginx.conf,一般在/usr/local/Nginx/conf/Nginx.conf这个位置,找到http{}段并修改以下内容

rush:PHP;"> client_max_body_size 2m;

当中的2m修改成你需要的允许文件大小。

2、修改后,测试Nginx配置是否正确

rush:PHP;"> /usr/local/Nginx/sbin/Nginx -t

3、测试配置正确后,重启Nginx使配置生效

rush:PHP;"> /etc/init.d/Nginx restart

注意:要是以PHP运行的话,这个大小client_max_body_size要和PHP.ini中的如下值的最大值差不多或者稍大,这样就不会因为提交数据大小不一致出现错误

rush:PHP;"> post_max_size = 2M upload_max_filesize = 2M

当中的2m修改成你需要的允许文件大小。把当中的2m修改成你第一步设置的大小。

思路二:修改添加友好报错页面

思路一虽然简单,但是不一定能过项目测试那一关,项目测试就要求不要看到413 Request Entity Too Large这样显示错误,所以我们只好添加友好报错页面咯。

1、编辑一个简单的htm作为静态友好页面

(注意html文件乱码请用<Meta http-equiv="Content-Type" content="text/html; charset=utf-8">)

2、更改Nginx.conf在http定义区域加入:

rush:PHP;"> fastcgi_intercept_errors on;

3、Nginx的网站conf配置中的server 定义区域加入:

rush:PHP;"> error_page 413 /413.htm;

(注意此处413与/413.htm之间不要用等号,否则返回状态码为200而不是413,同时尽量不要 nofollow" href="http://www.xxx.com/404.html">http://www.xxx.com/404.html出错则会跳过该页面

4、测试Nginx配置是否正确

rush:PHP;"> /usr/local/Nginx/sbin/Nginx -t

5、如果上一步成功重启Nginx

rush:PHP;"> /etc/init.d/Nginx restart

思路三:表单提交之前先用JS判断并且阻止表单提交

思路二虽然比思路一有进步了一些,但是提醒还是跳转页面了,这样的用户体验并不会好到哪里去,所以最终想到了思路三。上文已经说过,这413报错是来自后端Nginx的,Nginx的判断虽然比PHP还要早,但是我们可以直接从前端处理呀!想到这里,实现并不难了。可以添加文件上传事件判断,如果文件超过限制的大小,那么就弹出警告框并让提交按钮失效,如果文件没有超过限制大小,就提示大小合适,并且把之前的按钮失效状态取消掉。

简单的HTML代码

rush:PHP;">
文章展示图片(800KB内):

JS代码

0.8){ value = this.files[0].size/1024; alert('该文件大小是 ' + value .toFixed(0) + "KB,已超过大小限制,请修改!"); document.getElementById("submit").disabled=true; document.getElementById("submit").innerHTML='非法图片内容'; }else{ alert('该文件可以提交!'); document.getElementById("submit").disabled=false; document.getElementById("submit").innerHTML='提交'; } });

总结:其实三个思路是按照时间顺序来写的,在实际项目中最终的功能实现也是更新换代才有了最后的结果。不过当有这样类似的经验,下次遇到这样的弯路就省掉,同时会让自己的处理问题的方式更加成熟。

以上所述是小编给大家介绍的三个思路解决laravel上传文件报错:413 Request Entity Too Large问题,希望对大家有所帮助。程序员遇到问题都会上(编程之家jb51.cc)查找问题解答方法!如果觉得站点还不错,随手转发给程序员朋友一下!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


laravel的dd函数不生效怎么办
看不懂laravel文档咋办
安装laravel框架出现command怎么办
Laravel开发API怎么使用事务
laravel怎么构建复杂查询条件
laravel如何实现防止被下载
为什么laravel比yii火
一些常见的Laravel定时任务不运行的问题
laravel用路由有什么好处
composer无法安装laravel怎么办
laravel现在还用吗
laravel怎么替换主键id
laravel的appurl有什么用
如何修改Laravel的报错输出形式
laravel怎么避免foreach查表
laravel怎样操作数据库
laravel怎么截取字符串
laravel 是国内的吗
laravel怎么设置请求头
浅析Laravel社区Redis组件报错的问题和解决方法