当前位置: 首页 > article >正文

【Uniapp-Vue3】使用uniCloud.uploadFile上传图片到云存储

具体使用方法在官网:

概述 | uniCloudhttps://doc.dcloud.net.cn/uniCloud/storage/dev.html#clouduploadfile下面以用户上传头像为例:

当我们把button组件中的open-type改为“chooseAvatar”时,就能够选择图片

 

给这个button添加一个点击事件,并接收到事件对象

在打印出来的对象中可以看到该图片的临时路径,我们只需要把这个临时路径上传到云存储中就行

现在我们用uniCloud.uploadFile将图片上传到云存储:

function onChooseAvatar(e) {
	let avatarUrl = e.detail.avatarUrl;
	uniCloud.uploadFile({
		filePath:avatarUrl,
		cloudPath:""  // 上传到云存储的文件名
	}).then(res=>{
		console.log(res);
	})
}

我们可以在res中获取返回的图片路径,并且在云存储库中能够看到保存的图像,名字为我们定义的cloudPath

 

 注:上传后图像会被压缩

我们所有上传的图像都会被存储在cloudstorage文件夹中 

如果我们想把图像上传到其他文件夹下,可以使用如下操作:

 首先设置cloudPathAsRealPath:true,然后配置文件路径

我这里把所有上传的图像放在userAvatar文件中,又单独按照日期分类,把当前的时间戳作为图像名。

有效路径是res中的fileID

所以我们可以把数据更新到数据库中

 并渲染出来


http://www.kler.cn/a/569440.html

相关文章:

  • 青少年编程与数学 02-010 C++程序设计基础 13课题、数据类型
  • 九牧的“AI梦想曲”:卫浴场景进入到机器人时代
  • 【Java 后端】Restful API 接口
  • 高级算法分析与设计-分治法
  • 一个py文件搞定mysql查询+Json转换+表数据提取+根据数据条件生成excel文件+打包运行一条龙
  • Spring MVC框架六:Ajax技术
  • Redis面试常见问题——使用场景问题
  • React Portals深度解析:突破组件层级的渲染艺术
  • spring boot打包插件的问题
  • 【Mac】git使用再学习
  • Django应用的高级配置和管理
  • 【Python 数据结构 3.顺序表】
  • python | 2 个删除列表中空字符串元素的方法
  • 【GenBI优化】提升text2sql准确率:建议使用推理大模型,增加重试
  • The First项目报告:VANA如何重塑数据所有权与AI训练
  • Linux上用C++和GCC开发程序实现两个不同PostgreSQL实例下单个数据库中多个Schema稳定高效的数据迁移到其它PostgreSQL实例
  • Redis100道高频面试题
  • python-leetcode 46.从前序与中序遍历序列构造二叉树
  • 西电应用密码学与网络安全实验通关指南
  • Git与GitHub:它们是什么,有什么区别与联系?