三个思路解决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 相关文章推荐
编写漂亮的代码 - 将后台程序与前端程序分开
Apr 23 PHP
Cakephp 执行主要流程
Mar 24 PHP
PHP跳转页面的几种实现方法详解
Jun 08 PHP
php遍历文件夹和文件列表示例分享
Mar 11 PHP
php实现过滤表单提交中html标签的方法
Oct 17 PHP
CodeIgniter配置之SESSION用法实例分析
Jan 19 PHP
利用PHP抓取百度阅读的方法示例
Dec 18 PHP
php实现用户登陆简单实例
Apr 04 PHP
PHP基于IMAP收取邮件的方法示例
Aug 07 PHP
php读取本地json文件的实例
Mar 07 PHP
PHP convert_cyr_string()函数讲解
Feb 13 PHP
PHP+Oracle本地开发环境搭建方法详解
Apr 01 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
单位速度在实战中的运用
2020/03/04 星际争霸
php+mysql不用递归实现的无限级分类实例(非递归)
2014/07/08 PHP
老生常谈PHP位运算的用途
2017/03/12 PHP
js AppendChild与insertBefore用法详细对比
2013/12/16 Javascript
22点关于jquery性能优化的建议
2014/05/28 Javascript
jQuery 重复加载错误以及修复方法
2014/12/16 Javascript
jQuery实现仿美橙互联两级导航菜单的方法
2015/03/09 Javascript
jQuery在线选座位插件seat-charts特效代码分享
2015/08/27 Javascript
jQuery的 $.ajax防止重复提交的两种方法(推荐)
2016/10/14 Javascript
jstree的简单实例
2016/12/01 Javascript
Angularjs根据json文件动态生成路由状态的实现方法
2017/04/17 Javascript
JavaScript定义函数的三种实现方法
2017/09/23 Javascript
微信小程序实现Session功能及无法获取session问题的解决方法
2019/05/07 Javascript
微信小程序实现搜索指定景点周边美食、酒店
2019/05/18 Javascript
vue实现简单瀑布流布局
2020/05/28 Javascript
[01:10]DOTA2次级职业联赛 - EP战队宣传片
2014/12/01 DOTA
[02:05:03]完美世界DOTA2联赛循环赛 LBZS VS Matador BO2 10.28
2020/10/28 DOTA
Python写的英文字符大小写转换代码示例
2015/03/06 Python
Python线程中对join方法的运用的教程
2015/04/09 Python
Python开发SQLite3数据库相关操作详解【连接,查询,插入,更新,删除,关闭等】
2017/07/27 Python
Python 对输入的数字进行排序的方法
2018/06/23 Python
使用Python检测文章抄袭及去重算法原理解析
2019/06/14 Python
python利用wx实现界面按钮和按钮监听和字体改变的方法
2019/07/17 Python
python实现超级玛丽游戏
2020/03/18 Python
python3.7添加dlib模块的方法
2020/07/01 Python
详细分析Python垃圾回收机制
2020/07/01 Python
纯CSS实现聊天框小尖角、气泡效果
2014/04/04 HTML / CSS
关于前端上传文件全面基础扫盲贴(入门)
2019/08/01 HTML / CSS
html5定位并在百度地图上显示的示例
2014/04/27 HTML / CSS
瑞典耳机品牌:URBANISTA
2019/12/03 全球购物
SOA面试题:如何在SOA中实现松耦合
2013/07/21 面试题
哈弗商学院毕业生求职信
2014/02/26 职场文书
经济管理自荐书
2014/06/09 职场文书
大学第二课堂活动总结
2014/07/08 职场文书
环境日宣传活动总结
2014/07/09 职场文书
详解Golang如何实现支持随机删除元素的堆
2022/09/23 Python