三个思路解决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查询域名状态whois的类
Nov 25 PHP
PHP中基本符号及使用方法
Mar 23 PHP
PHP如何解决网站大流量与高并发的问题
Jun 25 PHP
php函数array_merge用法一例(合并同类数组)
Feb 03 PHP
完善CodeIgniter在IDE中代码提示功能的方法
Jul 19 PHP
php技术实现加载字体并保存成图片
Jul 27 PHP
WordPress中查询文章的循环Loop结构及用法分析
Dec 17 PHP
PHP快速生成各种信息提示框的方法
Feb 03 PHP
Zend Framework处理Json数据方法详解
Dec 09 PHP
php获取目录中所有文件名及判断文件与目录的简单方法
Mar 04 PHP
php求数组全排列,元素所有组合的方法总结
Mar 14 PHP
PHP对象相关知识总结
Apr 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
Php Mssql操作简单封装支持存储过程
2009/12/11 PHP
ThinkPHP实现跨模块调用操作方法概述
2014/06/20 PHP
php将图片保存为不同尺寸图片的图片类实例
2015/03/30 PHP
PHP文件缓存smarty模板应用实例分析
2016/02/26 PHP
Laravel 5.5基于内置的Auth模块实现前后台登陆详解
2017/12/21 PHP
利用javascript/jquery对上传文件格式过滤的方法
2009/07/25 Javascript
Javascript 自定义类型方法小结
2010/03/02 Javascript
js onload处理html页面加载之后的事件
2013/10/30 Javascript
使用jQuery实现input数值增量和减量的方法
2015/01/24 Javascript
Vue.js 父子组件通讯开发实例
2016/09/06 Javascript
微信小程序实现页面下拉刷新和上拉加载功能详解
2018/12/03 Javascript
JS实现的全选、全不选及反选功能【案例】
2019/02/19 Javascript
基于jsbarcode 生成条形码并将生成的条码保存至本地+源码
2020/04/27 Javascript
JS写滑稽笑脸运动效果
2020/05/28 Javascript
vue+iview使用树形控件的具体使用
2020/11/02 Javascript
python脚本内运行linux命令的方法
2015/07/02 Python
深入理解Python中的super()方法
2017/11/20 Python
解决Python pandas df 写入excel 出现的问题
2018/07/04 Python
Python利用字典破解WIFI密码的方法
2019/02/27 Python
使用django实现一个代码发布系统
2019/07/18 Python
Python OrderedDict的使用案例解析
2019/10/25 Python
python 使用raw socket进行TCP SYN扫描实例
2020/05/05 Python
python 5个顶级异步框架推荐
2020/09/09 Python
python 如何调用 dubbo 接口
2020/09/24 Python
Python3使用tesserocr识别字母数字验证码的实现
2021/01/29 Python
突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述
2013/01/31 HTML / CSS
TUMI澳大利亚网站:美国旅行箱包品牌
2017/03/27 全球购物
雅诗兰黛澳大利亚官网:Estée Lauder澳大利亚
2019/05/31 全球购物
日本整理专家Marie Kondo的官方在线商店:KonMari
2020/06/29 全球购物
ktv筹备计划书
2014/05/03 职场文书
教师拔河比赛广播稿
2014/10/14 职场文书
2016高考冲刺决心书
2015/09/23 职场文书
创业计划书之养殖业
2019/10/11 职场文书
读《茶花女》有感:山茶花的盛开与凋零
2020/01/17 职场文书
Python Django搭建文件下载服务器的实现
2021/05/10 Python
Java实现房屋出租系统详解
2021/10/05 Java/Android