三个思路解决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 相关文章推荐
Uchome1.2 1.5 代码学习 common.php
Apr 24 PHP
基于curl数据采集之单页面采集函数get_html的使用
Apr 28 PHP
利用php获取服务器时间的实现代码
Jun 07 PHP
PHP rawurlencode与urlencode函数的深入分析
Jun 08 PHP
PHP调用C#开发的dll类库方法
Jul 28 PHP
PHP实现将视频转成MP4并获取视频预览图的方法
Mar 12 PHP
PHP实现自动对图片进行滚动显示的方法
Mar 12 PHP
PHPCMS忘记后台密码的解决办法
Oct 30 PHP
[原创]php集成安装包wampserver修改密码后phpmyadmin无法登陆的解决方法
Nov 23 PHP
CakePHP框架Model关联对象用法分析
Aug 04 PHP
Yii框架分页技术实例分析
Aug 30 PHP
thinkphp5 redis缓存新增方法实例讲解
Mar 24 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 伪静态隐藏传递参数名的四种方法
2010/02/22 PHP
PHP中使用Imagick操作PSD文件实例
2015/01/26 PHP
PHP实现将textarea的值根据回车换行拆分至数组
2015/06/10 PHP
php使用GD库创建图片缩略图的方法
2015/06/10 PHP
ThinkPHP中html:list标签用法分析
2016/01/09 PHP
javascript中callee与caller的用法和应用场景
2010/12/08 Javascript
如何确保JavaScript的执行顺序 之实战篇
2011/03/03 Javascript
使用js如何实现全选与全不选
2013/12/30 Javascript
js剪切板应用clipboardData实例解析
2016/05/29 Javascript
indexedDB bootstrap angularjs之 MVC DOMO (应用示例)
2016/06/20 Javascript
深究AngularJS——ng-checked(回写:带真实案例代码)
2017/06/13 Javascript
hammer.js实现图片手势放大效果
2017/08/29 Javascript
vue项目中自定义video视频控制条的实现代码
2020/04/26 Javascript
vue中实现图片压缩 file文件的方法
2020/05/28 Javascript
解决vue的router组件component在import时不能使用变量问题
2020/07/26 Javascript
[04:27]DOTA2官方论坛水友赛集锦
2013/09/16 DOTA
Python读写Excel文件的实例
2013/11/01 Python
python 二分查找和快速排序实例详解
2017/10/13 Python
使用pandas中的DataFrame数据绘制柱状图的方法
2018/04/10 Python
python3+pyqt5+itchat微信定时发送消息的方法
2019/02/20 Python
django ModelForm修改显示缩略图 imagefield类型的实例
2019/07/28 Python
html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例
2014/05/08 HTML / CSS
日本航空官方网站:JAL
2019/06/19 全球购物
高中生毕业自我鉴定范文
2013/12/22 职场文书
党员思想汇报范文
2013/12/30 职场文书
餐厅楼面部长岗位职责范文
2014/02/16 职场文书
自荐信的格式
2014/03/10 职场文书
护理目标管理责任书
2014/07/25 职场文书
关键在于落实心得体会
2014/09/03 职场文书
开会通知
2015/04/20 职场文书
2015年社区环境卫生工作总结
2015/04/21 职场文书
婚庆司仪开场白
2015/05/29 职场文书
三好学生竞选稿
2015/11/21 职场文书
十大最强水系宝可梦,最美宝可梦排第三,榜首大家最熟悉
2022/03/18 日漫
CDPR谈《巫师》新作用虚幻5原因 称不会为Epic独占
2022/04/06 其他游戏
浅谈Node的内存泄露问题
2022/05/06 NodeJs