三个思路解决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 相关文章推荐
无限级别菜单的实现
Oct 09 PHP
详解PHP显示MySQL数据的三种方法
Jun 05 PHP
php HtmlReplace输入过滤安全函数
Jul 03 PHP
openPNE常用方法分享
Nov 29 PHP
一些php项目中比较通用的php自建函数的详解
Jun 06 PHP
PHP查询网站的PR值
Oct 30 PHP
php使用pdo连接mssql server数据库实例
Dec 25 PHP
php两种无限分类方法实例
Apr 21 PHP
CI框架常用方法小结
May 17 PHP
一个简单安全的PHP验证码类 附调用方法
Jun 24 PHP
Yii2.0表关联查询实例分析
Jul 18 PHP
jquery+thinkphp实现跨域抓取数据的方法
Oct 15 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 模拟POST|GET操作实现代码
2010/07/20 PHP
php下使用iconv需要注意的问题
2010/11/20 PHP
php模板中出现空行解决方法
2011/03/08 PHP
PHP 数据结构 算法 三元组 Triplet
2011/07/02 PHP
PHP环境中Memcache的安装和使用
2015/11/05 PHP
浅谈php中curl、fsockopen的应用
2016/12/10 PHP
ArrayList类(增强版)
2007/04/04 Javascript
分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]
2012/10/12 Javascript
对于this和$(this)的个人理解
2013/09/08 Javascript
javascript按位非运算符的使用方法
2013/11/14 Javascript
JS实现表单中checkbox对勾选中增加边框显示效果
2015/08/21 Javascript
详解AngularJS控制器的使用
2016/03/09 Javascript
Treegrid的动态加载实例代码
2016/04/29 Javascript
jQuery解决IE6、7、8不能使用 JSON.stringify 函数的问题
2016/05/31 Javascript
JavaScript中最常见的三个面试题解析
2017/03/04 Javascript
使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解
2017/07/24 Javascript
JScript实现表格的简单操作
2017/08/15 Javascript
Nodejs模块载入运行原理
2018/02/23 NodeJs
Electron-vue脚手架改造vue项目的方法
2018/10/22 Javascript
JavaScript对JSON数组简单排序操作示例
2019/01/31 Javascript
你可能不知道的CORS跨域资源共享
2019/03/13 Javascript
mock.js模拟前后台交互
2019/07/25 Javascript
jQuery实现鼠标拖动图片功能
2021/03/04 jQuery
[04:19]完美世界携手游戏风云打造 卡尔工作室模型介绍篇
2013/04/24 DOTA
[54:09]RNG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
python模拟登陆阿里妈妈生成商品推广链接
2014/04/03 Python
举例讲解Python编程中对线程锁的使用
2016/07/12 Python
python 调用有道api接口的方法
2019/01/03 Python
在Pycharm中修改文件默认打开方式的方法
2019/01/17 Python
python开根号实例讲解
2020/08/30 Python
联想香港官方网站及网店:Lenovo香港
2018/04/13 全球购物
SHEIN台湾:购买最新流行女装服饰
2019/05/18 全球购物
十月份红领巾广播稿
2014/01/22 职场文书
20年同学聚会邀请函
2014/02/04 职场文书
花坛标语大全
2014/06/30 职场文书
Python学习之迭代器详解
2022/04/01 Python