三个思路解决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 相关文章推荐
将OICQ数据转成MYSQL数据
Oct 09 PHP
php UTF-8、Unicode和BOM问题
May 18 PHP
PHP表单提交表单名称含有点号(.)则会被转化为下划线(_)
Dec 14 PHP
浅析php中常量,变量的作用域和生存周期
Aug 10 PHP
分享下页面关键字抓取components.arrow.com站点代码
Jan 30 PHP
PHP数据库万能引擎类adodb配置使用以及实例集锦
Jun 12 PHP
php中curl使用指南
Feb 05 PHP
适合PHP初学者阅读的4本经典书籍
Sep 23 PHP
php封装单文件上传到数据库(路径)
Oct 15 PHP
PHP levenshtein()函数用法讲解
Mar 08 PHP
laravel5.1 ajax post 传值_token示例
Oct 24 PHP
discuz论坛更换域名,详细文件修改步骤
Dec 09 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
Blitz templates 最快的PHP模板引擎
2010/04/06 PHP
ThinkPHP3.2.3框架实现的空模块、空控制器、空操作,跳转到错误404页面图文详解
2019/04/03 PHP
thinkphp整合系列之极验滑动验证码geetest功能
2019/06/18 PHP
js下将字符串当函数执行的方法
2011/07/13 Javascript
jQuery及JS实现循环中暂停的方法
2015/02/02 Javascript
js控制网页背景音乐播放与停止的方法
2015/02/06 Javascript
javascript事件冒泡实例分析
2015/05/13 Javascript
JS组件Bootstrap实现弹出框效果代码
2016/04/26 Javascript
jQuery.Callbacks()回调函数队列用法详解
2016/06/14 Javascript
JavaScript兼容性总结之获取非行间样式案例
2016/08/07 Javascript
jQuery checkbox选中问题之prop与attr注意点分析
2016/11/15 Javascript
jQuery ajax的功能实现方法详解
2017/01/06 Javascript
解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题
2017/11/07 Javascript
Vue-cli-webpack搭建斗鱼直播步骤详解
2017/11/17 Javascript
微信小程序wx.uploadfile 本地文件转base64的实现代码
2018/06/28 Javascript
webpack+vue-cli项目中引入外部非模块格式js的方法
2018/09/28 Javascript
一个手写的vue放大镜效果
2019/08/09 Javascript
python实现连连看辅助(图像识别)
2020/03/25 Python
使用Python实现图像标记点的坐标输出功能
2019/08/14 Python
python批量处理文件或文件夹
2020/07/28 Python
wxPython实现画图板
2020/08/27 Python
Python 线性回归分析以及评价指标详解
2020/04/02 Python
雅诗兰黛香港官网:Estee Lauder香港
2017/09/26 全球购物
杭州-DOTNET笔试题集
2013/09/25 面试题
简述网络文件系统NFS,并说明其作用
2016/10/19 面试题
西式婚礼证婚词
2014/01/12 职场文书
《三个小伙伴》教学反思
2014/04/11 职场文书
2014年银行员工年终自我评价
2014/09/19 职场文书
在职员工证明书
2014/09/19 职场文书
2014年党的群众路线活动个人整改措施
2014/10/28 职场文书
2015年社区矫正工作总结
2015/04/21 职场文书
Nginx代理同域名前后端分离项目的完整步骤
2021/03/31 Servers
MySQL COUNT函数的使用与优化
2021/05/10 MySQL
go goroutine 怎样进行错误处理
2021/07/16 Golang
Java Spring Lifecycle的使用
2022/05/06 Java/Android
详解Spring Bean的配置方式与实例化
2022/06/10 Java/Android