更新记录
1.0.0(2024-03-25)
下载此版本
1,支持配置上传的图片数量
2,支ios和Android
3,支持复制不同的图片信息到剪贴板
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.99 app-vue |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
× |
× |
× |
× |
× |
云函数类插件通用教程
使用云函数类插件的前提是:使用HBuilderX 2.9+
图片上传Cloudflare R2免费存储桶
创建一个简易的图片上传服务,利用Dcloud的云存储和 Cloudflare R2 作为双存储解决方案。通过这种方式,用户可以上传、存储和管理图片文件。由于 Cloudflare R2 提供了可扩展的存储空间并且免费,对于免费账户提供 10G 的空间以及每月 100 万次的 A 类操作和 1000 万次 B 类操作,具体什么是 A 类操作什么是 B 类操作,可以参考官方说明:A 类操作。对于刚开始的项目,是不错的一个备份选择。
开始
1,注册 Cloudflare 账户并开通 R2 服务
* 前往 Cloudflare 注册页面;
* 用你的邮箱地址作为登录用户名,并输入密码;
* 点击 Create Account, 一封电子邮件会发往你注册的邮箱,点击里面的确认链接即可激活账号。
2,开通 R2 服务
* 登录 Cloudflare,从左侧菜单栏进入 R2 页面,按照页面提示开通 R2 服务。
* 开通 R2 服务需要提供信用卡信息,支持 VISA 的即可,超过免费使用额度的时候会从该卡扣费,对于访问量不大的个人开发者,免费额度一般足够了。
3,创建bucket
* 接下来我们点击Create Bucket蓝色按钮,创建一个名为static的“桶”(bucket)。
* 点击Settings选项卡,进入配置页面,点击 Allow Access,允许其中的图片被互联网访问到。
4,创建 API Token
* 在R2页面右则进入 管理 R2 API 令牌 。
* 点击【创建API令牌】按钮,进入配置页面,令牌名称:自定义。权限:对象读和写。指定存储桶:仅应用于特定存储桶:选择刚刚创建的存储桶。选择【创建API令牌】
* 同时保存:为 S3 客户端使用以下凭据 对应的:【访问密钥 ID】和 【机密访问密钥】,还有 为 【S3 客户端使用管辖权地特定的终结点】。
5,修改云函数对象awsToR2配置
* 根据配置修改对应的参数值。
* 注意nodejs的版本要先Nodejs14,默认的是Node8会出错。
* 由于是使用了aws S3的上传模块,所以,还要集成安装AWS S3的模块。
先决条件
1,开通云空间,配置云函数和云存储
2,开通Cloudflare R2和配置相关参数
3,APP有读取相册权限