微信小程序开发图片上传到网络云存储生成外链引用（微信自带、七牛云等）

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

方式 1 开发者工具自带云开发（免费）

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

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

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

本人亲测 ok

官方文档： https://developers.weixin.qq.com/miniprogram/dev/wxcloud/billing/quota.html

方式 2 七牛云存储（免费）

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

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

具体步骤

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

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

区别

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

七牛云主机

七牛云主机

插播：腾讯云服务器

1核2G