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

在小程序个人开发中,今天在项目里添加了几个图片,但上传代码时提示代码包过大(不可超过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

猜你喜欢

转载自blog.csdn.net/wandou9527/article/details/100857918