解决微信小程序图片太大问题-上传到网络云存储生成外链引用来(微信自带、七牛云等)

在小程序个人开发中,今天在项目里添加了几个图片,但上传代码时提示代码包过大(不可超过2M)。一阵纠结。现在介绍一个方式,把图片上传至网络,可在小程序中引用。重点是免费,适合个人开发练习。

方式 1 开发者工具自带云开发(免费)

在微信开发者工具左上方有个【云开发】图标,点击。弹出窗云开发控制台,点击开通,会要求输入环境名称,无特殊要求。后选择版本基础版是免费的。

image

云开发有4个功能:运营分析、数据库、存储、云函数。这里主要用到存储。

image

然后点击上传文件,上传后会生成File ID,将File ID复制到image标签src下即可引用云端图片。

本人亲测 ok

官方文档: https://developers.weixin.qq....

方式 2 七牛云存储(免费)

链接:https://portal.qiniu.com/signup

点击进入正常注册即可,注意,需要实名后才可领取免费空间,10GB。

具体步骤

1 登录后选择产品 - 对象存储 如下图:

image

2 然后创建空间,在内容管理中上传文件

image

区别

  • 访问速度:七牛快
  • 方便程度:微信开发者工具更方便

七牛云主机

七牛云主机

插播:腾讯云服务器

1核2G 88

你可能感兴趣的:(微信小程序,七牛云存储)