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


Posted in PHP onNovember 13, 2017

最近一个项目当中,要求上传图片,并且限制图片大小,虽然在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{}段并修改以下内容:

client_max_body_size 2m;

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

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

/usr/local/nginx/sbin/nginx -t

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

/etc/init.d/nginx restart

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

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定义区域加入:

fastcgi_intercept_errors on;

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

error_page 413 /413.htm;

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

4、测试nginx配置是否正确

/usr/local/nginx/sbin/nginx -t

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

/etc/init.d/nginx restart

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

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

   简单的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> 
 </p> 
</form>

  JS代码: 

$('#picture').bind('change', function () { 
   if (this.files[0].size / 1024 / 1024 > 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问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

PHP 相关文章推荐
php代码优化及php相关问题总结
Oct 09 PHP
PHP isset()与empty()的使用区别详解
Aug 29 PHP
PHP无刷新上传文件实现代码
Sep 19 PHP
如何在PHP中使用正则表达式进行查找替换
Jun 13 PHP
用PHP实现弹出消息提示框的两种方法
Dec 17 PHP
php url路由入门实例
Apr 23 PHP
php实现事件监听与触发的方法
Nov 21 PHP
PHP制作登录异常ip检测功能的实例代码
Nov 16 PHP
PHP基于方差和标准差计算学生成绩的稳定性示例
Jul 04 PHP
Yii2框架实现利用mpdf创建pdf文件功能示例
Feb 08 PHP
PHP htmlspecialchars()函数用法与实例讲解
Mar 08 PHP
PHP反射实际应用示例
Apr 03 PHP
kindeditor 加入七牛云上传的实例讲解
Nov 12 #PHP
Thinkphp5 微信公众号token验证不成功的原因及解决方法
Nov 12 #PHP
PHP 断点续传实例详解
Nov 11 #PHP
PHP+AJAX 投票器功能
Nov 11 #PHP
PHP实现双链表删除与插入节点的方法示例
Nov 11 #PHP
PHP实现基于栈的后缀表达式求值功能
Nov 10 #PHP
PHP实现基于图的深度优先遍历输出1,2,3...n的全排列功能
Nov 10 #PHP
You might like
探讨各种PHP字符串函数的总结分析
2013/06/05 PHP
PHP提示Warning:phpinfo() has been disabled函数禁用的解决方法
2014/12/17 PHP
教你在PHPStorm中配置Xdebug
2015/07/27 PHP
Laravel中七个非常有用但很少人知道的Carbon方法
2017/09/21 PHP
php的lavarel框架中join和orWhere的用法
2020/12/28 PHP
EasySlider 基于jQuery功能强大简单易用的滑动门插件
2010/06/11 Javascript
Js基础学习资料
2010/11/23 Javascript
非html5实现js版弹球游戏示例代码
2013/09/22 Javascript
使用JS或jQuery模拟鼠标点击a标签事件代码
2014/03/10 Javascript
javascript教程:关于if简写语句优化的方法
2014/05/17 Javascript
Node.js中使用mongoskin操作mongoDB实例
2014/09/28 Javascript
angularjs 处理多个异步请求方法汇总
2015/01/06 Javascript
js性能优化技巧
2015/11/29 Javascript
JS实现线性表的链式表示方法示例【经典数据结构】
2017/04/11 Javascript
JS实现的加减乘除四则运算计算器示例
2017/08/09 Javascript
完美解决手机浏览器顶部下拉出现网页源或刷新的问题
2017/11/30 Javascript
详解Vue文档中几个易忽视部分的剖析
2018/03/24 Javascript
JavaScript 中的 this 工作原理
2018/06/20 Javascript
使用Node搭建reactSSR服务端渲染架构
2018/08/30 Javascript
elementUI多选框反选的实现代码
2019/04/03 Javascript
Vue实现简单的跑马灯
2020/05/25 Javascript
详细分析Node.js 模块系统
2020/06/28 Javascript
[01:12:44]VG vs Mineski Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
[56:17]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第三场 8.22
2019/09/05 DOTA
Python两个字典键同值相加的几种方法
2019/03/05 Python
深入了解Python在HDA中的应用
2019/09/05 Python
Python OrderedDict字典排序方法详解
2020/05/21 Python
英国工艺品购物网站:Minerva Crafts
2018/01/29 全球购物
大学自我鉴定
2013/12/20 职场文书
对标管理实施方案
2014/03/12 职场文书
支行行长竞聘报告
2014/11/06 职场文书
学术会议邀请函
2015/01/30 职场文书
cf战队宣传语
2015/07/13 职场文书
2016母亲节感恩话语
2015/12/09 职场文书
CSS3 实现NES游戏机的示例代码
2021/04/21 HTML / CSS
MySQL中order by的使用详情
2021/11/17 MySQL