三个思路解决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制作简单分页(从数据库读取记录)的方法详解
May 04 PHP
DOM XPATH获取img src值的query
Sep 23 PHP
ThinkPHP查询中的魔术方法简述
Jun 25 PHP
php实现Mongodb自定义方式生成自增ID的方法
Mar 23 PHP
php实现的单一入口应用程序实例分析
Sep 23 PHP
smarty中改进truncate使其支持中文的方法
May 30 PHP
php检查函数必传参数是否存在的实例详解
Aug 28 PHP
PHP实现将几张照片拼接到一起的合成图片功能【便于整体打印输出】
Nov 14 PHP
使用PHPUnit进行单元测试并生成代码覆盖率报告的方法
Mar 08 PHP
laravel添加前台跳转成功页面示例
Oct 22 PHP
Laravel + Elasticsearch 实现中文搜索的方法
Feb 02 PHP
如何通过Apache在本地配置多个虚拟主机
Jul 29 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 eval函数用法总结
2012/10/31 PHP
php牛逼的面试题分享
2013/01/18 PHP
Codeigniter+PHPExcel实现导出数据到Excel文件
2014/06/12 PHP
理解PHP中的Session及对Session有效期的控制
2016/01/08 PHP
CodeIgniter配置之autoload.php自动加载用法分析
2016/01/20 PHP
PHP设计模式之适配器模式原理与用法分析
2018/04/25 PHP
PHP设计模式之PHP迭代器模式讲解
2019/03/22 PHP
基于jQuery的消息提示插件之旅 DivAlert(三)
2010/04/01 Javascript
jquery 选项卡效果 新手代码
2011/07/08 Javascript
自动刷新网页,自动刷新当前页面,JS调用
2013/06/24 Javascript
Jquery实现搜索框提示功能示例代码
2013/08/13 Javascript
你可能不知道的JavaScript的new Function()方法
2014/04/17 Javascript
jQuery菜单插件superfish使用指南
2015/04/21 Javascript
JavaScript类型系统之Object详解
2016/01/07 Javascript
仅30行代码实现Javascript中的MVC
2016/02/15 Javascript
js以分隔符分隔数组中的元素并转换为字符串的方法
2016/11/16 Javascript
[02:04]2016国际邀请赛中国区预选赛VG.R晋级之路
2016/07/01 DOTA
使用Python脚本操作MongoDB的教程
2015/04/16 Python
scrapy自定义pipeline类实现将采集数据保存到mongodb的方法
2015/04/16 Python
python实用代码片段收集贴
2015/06/03 Python
Python的string模块中的Template类字符串模板用法
2016/06/27 Python
Python可视化mhd格式和raw格式的医学图像并保存的方法
2019/01/24 Python
Python使用Pickle模块进行数据保存和读取的讲解
2019/04/09 Python
python实现扫描局域网指定网段ip的方法
2019/04/16 Python
详解Django将秒转换为xx天xx时xx分
2019/09/27 Python
为什么黑客都用python(123个黑客必备的Python工具)
2020/01/31 Python
浅谈Pytorch中的自动求导函数backward()所需参数的含义
2020/02/29 Python
CSS3盒子模型详解
2013/04/24 HTML / CSS
从一次项目重构说起CSS3自定义变量在项目的使用方法
2021/03/01 HTML / CSS
苹果美国官方商城:Apple美国
2016/08/24 全球购物
学生社团文化节开幕式主持词
2014/03/28 职场文书
庆国庆国旗下讲话稿2014
2014/09/21 职场文书
2015元旦联欢晚会结束语
2014/12/14 职场文书
教师节随笔
2015/08/15 职场文书
确保减税降费落地生根,用实实在在措施
2019/07/19 职场文书
排查Tomcat进程假死的问题
2022/05/06 Servers