网站首页 > 技术文章 正文
文件上传是开发过程中经常遇到的场景,出现问题最多就是上传速度过慢.最近运营部门反馈APP中社交板块中用户发布九宫格图片动态时一直显示是上传中,严重影响用户体验.坚持以用户为中心的运营理念,怎么能允许这种情况发生,所以就有了关于图片上传过慢问题的专题处理,下面汇总一下解决方案(其中部分参考过阿里云官方客服处理建议),如果遇到同样问题的同学,可以作为参考.简单交代一下:项目中图片上传是基于阿里云服务器,使用的官方提供的上传api.下面直接进入处理方案汇总.
1.优化图片上传接口
之前的项目中上传图片上传九张图片需要调用九次上传图片接口;修改为批量支持多张图片上传;
2.前端进行图片压缩
前端压缩发现压缩比例为0.5可以满足当前需求.上传九张图压缩前后对比:
压缩之前的大小:469+495+536+921+668+1024+854+330+499=5346kb.
压缩之后大小:56+60+97+142+64+136+169+37+75=836kb
3.图片上传方案变更
前端直接进行阿里云图片上传操作,调用官方提供的前端api,上传速度只与用户接入运营商带宽有关;原来的上传逻辑是服务端调用阿里云api进行上传操作.
4.提升服务器带宽(针对于服务器上传情况)
前端调用部署在阿里云服务器的图片上传接口,上传速度与阿里云服务器带宽有关;这里提供阿里云官方带宽升级的方式,可根据需要自行选择:
包年包月实例修改带宽,请您参考https://help.aliyun.com/document_detail/99059.html
按量付费实例修改带宽,请您参考https://help.aliyun.com/document_detail/59716.html?spm
以上是项目中处理文件上传速度过慢的处理方案总结,如果感觉有帮助欢迎评论区留言或点赞关注。
猜你喜欢
- 2025-05-28 想高效办公畅饮下午茶?这些显示器你肯定需要
- 2025-05-28 这样优化项目, 让公司的网站直接秒开,老板说给我加奖金
- 2025-05-28 我做了个 AI 神器,模糊图片变清晰,4倍无损放大,极简且好用
- 2025-05-28 「前端纯干货」原来TinyPNG可以这样玩
- 2025-05-28 前端面试-Web Worker:让你的网页不再“卡到崩溃”的秘诀
- 2025-05-28 Tinypng - 比ps更厉害的免费图片压缩神器
- 2025-05-28 深入JavaScript教你内存泄漏如何防范
- 2025-05-28 推荐三款正则可视化工具「JS篇」
- 2025-05-28 从零到一:小程序设计新手如何快速上手?
- 2025-05-28 PHP(gzdeflate/gzinflate)+JS(pako)前后端数据压缩
你 发表评论:
欢迎- 05-30为什么说网上的md5加密解密站都是通过彩虹表解密的?
- 05-30一文读懂md5,md5有什么用,什么是md5加盐
- 05-30Java md5加密解密数据
- 05-30MD5是什么?如何进行MD5校验?
- 05-30专家教你简单又轻松的MD5解密方法,一看就会
- 05-30多学习才能多赚钱之:vscode怎么安装插件
- 05-30VSCode无限画布模式(可能会惊艳到你的一个小功能)
- 05-30VSCode神级Ai插件Cline:从安装到实战【创建微信小程序扫雷】
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端react (48)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (55)
- 前端数组 (65)
- 前端定时器 (47)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle 中文 (51)
- oracle链接 (47)
- oracle的函数 (57)
- mac oracle (47)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)