UEditor导致的上传大文件失败

之前写过一篇 《闹心的Broken pipe》,nginx导致的请求超时,但是今天又碰到个奇葩事儿,容我喝一口82年的白开水慢慢道来

源起

项目中用到视频上传,两种上传方式,一种直接表单提交,一种内嵌到UEditor中提交,视频文件上传到第三方视频点播服务器,此为前提。

问题

代码写好,测试,提交,发布,没毛病。因为网速不好,所以测试为了方便都使用的大小几M的小视频,上线测试,没问题。第二天得到反馈,上传100M的视频会出现“上传失败,请重试”,而小视频则不会。

问题排查

  1. 先看浏览器返回错误,preview和response下都是空白,明显没返回值。
  1. 查看后台http请求,往第三方发送,是否超时 发现请求还在发送中时候前端已经返回超时
  2. 用表单直接提交100M视频文件,没问题

问题定位

以上排查将问题定位在了UEditor,继续查找UEditor的上传,项目使用的ACE-admin,查找关联,UEditor上传使用了webuploader.js,继续跟下去,看到如下代码:

Transport.options = {
            server: '',
            method: 'POST',

            // 跨域时,是否允许携带cookie, 只有html5 runtime才有效
            withCredentials: false,
            fileVal: 'file',
            timeout: 6 * 1000,    // 6 s 
            formData: {},
            headers: {},
            sendAsBinary: false
        };

猜测是这里的问题,于是将timeout改长一点,60min(由于网速原因,100M文件单独上传测试10min左右),修改后重新测试,成功

然而,你以为这就结束了吗?至少我以为是的,BUT!!!

问题二、生产环境

生产环境测试上传也没问题,但是第二天突然出现整个服务越来越慢,最后直接整个服务垮掉的情况。生产环境采用微服务架构,nginx代理,由于上次的教训,迅速猜测nginx问题导致。 测试:不通过nginx直接访问网站等,没问题,通过nginx访问挂掉 日志:查看nginx/logs/error.log,出现大量“Too many open files”错误 定位:由于太多的http连接没释放导致卡死 nginx配置

keepalive_timeout  600000;

keepalive_timeout (单位:s): 简单说,就是一个请求结束后多久超时,被释放。以上60w秒≈7天释放,手动“我的天啊.gif”,改为默认60s,问题解决

总结

在写每一行代码,改每一个配置之前,一定要知道他是干什么用的,不能盲改。

一切你认为没问题的问题,都是能力不足的表现。

本文分享自微信公众号 - 陌与尘埃(grq100296)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-10-18

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏软件测试经验与教训

兼容性测试工具分享

90080
来自专栏腾讯大数据的专栏

分布式高可靠消息中间件-Hippo

前言 随着大数据产品的日渐丰富以及数据应用场景需求的增加,TDBank作为腾讯大数据平台的数据接入环节的位置也越发显得重要(见下图)。截止目前为止TDBank...

50380
来自专栏惶心 - 技术博客

WebMaster 123 - 从域名谈起

很久以前(大概今年3月还是去年12月),曾经想过写一套建站教程,奈何要做的事情太多了一直没啥空。最近帮助了某一个群员建好了自己的博客,其中诸多曲折,相信新人肯定...

1.2K70
来自专栏IMWeb前端团队

浅谈前端模块化

模块化编程 CommonJS AMD(Asynchronous Module Definition)规范 requireJS与seaJS requireJs ...

253100
来自专栏ASP.NET MVC5 后台权限管理系统

ASP.NET MVC5+EF6+EasyUI 后台管理系统(34)-文章发布系统①-简要分析

最新比较闲,为了学习下Android的开发构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(1)-前言与,虽然有点没有目的...

24860
来自专栏腾讯DevOps

【干货】Git入门

想删除一个段落,又怕将来想恢复找不回来怎么办?有办法,先把当前文件“另存为……”一个新的Word文件,再接着改,改到一定程度,再“另存为……”一个新文件,这样一...

28760
来自专栏北京马哥教育

15个最受欢迎的Python开源框架

我们从GitHub中整理出了15个最受欢迎的Python开源框架,这些框架包括事件I/O、OLAP、Web开发、高性能网络通信、测试、爬虫等。   1. Dja...

41670
来自专栏即时通讯技术

开源轻量级IM框架MobileIMSDK v3.0发布!

本次更新为主版本更新,更新内容包含了简化了消息发送目标的方式、支持Web版与APP版互通、优化了Protocal协议结构等主要升级,详细更新内容见“版本更新说明...

40110
来自专栏信安之路

Splunk学习与实践

美国Splunk公司,成立于2004年,2012年纳斯达克上市,第一家大数据上市公司,荣获众多奖项和殊荣。总部位于美国旧金山,伦敦为国际总部,香港设有亚太支持中...

43900
来自专栏企鹅号快讯

使用Jest测试原生TypeScript项目

问题:我怎么才能收到你们公众号平台的推送文章呢? 最近写了一个wechat-colorpicker小项目。 主要是为了练习下TS。既然写了一个小库,我就想着顺便...

44760

扫码关注云+社区

领取腾讯云代金券