图片

懒加载

• Custom Directives - Vue官网
• useIntersectionObserver - VueUse官网

上传

• 前端选择上传图片
• 请求后端获得临时密钥
• 前端完成上传

腾讯云COS

前端

• COS - JS SDK - 腾讯云文档
• Web 端直传实践 - 腾讯云文档

后端

• COS - 临时密钥生成及使用指引 - 腾讯云文档
• 签名方法 v3 - 腾讯云文档
• GitHub - STS SDK - GitHub