unicloud云开发,uniapp数据库

  unicloud云开发,uniapp数据库

  云开发系列

  我们视频教程(免费)的链接是https://static-b 5208986-2c 02-437 e-9a 27-cfe ba 1779 ced . bspapp . com/

  我们之前讲过云函数的使用。

  云开发—uniapp云开发(1)—云功能的服务空间创建和部署

  云开发——uniapp云开发云功能实践——集成百度ai图像识别SDK

  这次我们一起来学习一下云存储的使用。

  文件地址https://uniapp.dcloud.io/uniCloud/storage

  云存储使用视频云存储基础服务空间云存储上传文件选择文件/图片/其他选择文件选择图片选择视频选择图片或视频使用选择图片上传图片获取图片直接选择上传练习(实现个人用户头像的上传和更改)

  视频剪辑

  云开发系列

  基础云存储服务空间的云存储

  https://unicloud.dcloud.net.cn/home服务空间

  上传文件https://uniapp.dcloud.io/uniCloud/storage? id=上传文件

  选择文件/图片/其他如果您想要上传文件/图片,您必须首先选择文件/图片以获得临时地址。

  选择文件https://uniapp.dcloud.io/api/media/file? id=选择文件

  选择图片https://uniapp.dcloud.io/api/media/image? id=choose image

  选择视频https://uniapp.dcloud.io/api/media/video? id=选择视频

  选择图片或视频https://uniapp.dcloud.io/api/media/video? id=choose media

  以此为例上传图片。

  选择图片。先来看选图后的打印结果。

  因为count设置为1,所以一次只能选择一个。

  Uni.choose image ({count: 1,size type: [compressed],//指定压缩图像成功:function(RES){ console . log(RES)} })如果选择多张照片,则计数为5,一次最多可以选择5张照片,如下所示

  Uni.choose image ({count: 5,size type: [compressed],//指定压缩图像成功:function(RES){ console . log(RES)})

  如果只有一张图片,请上传一张图片

  显然,我们需要

  res.tempFilePaths[0]

  张必须遍历res.tempFilePaths

  上传图片

  OnUploadProgress回调上传进度。

  Vm.presents是进度百分比。据此,可以添加进度条。

  let path=RES . tempfile paths[0]uni cloud . upload file({ file path:path,cloudPath: dmhsq.jpg ,onuploadpress:function(progress event){ console . log(progress event);VM . presents=math . round((progress event . loaded * 100)/progress event . total);},success:function(RES){ console . log(RES)uni . show toast({ icon: none ,title:上传成功,时长:1500 })});我们选择了一张图片来上传。

  您可以在这里看到上传成功。

  了解情况。我们拿到文件了。我们可以得到图片的临时下载地址。

  https://uniapp.dcloud.io/uniCloud/storage?id=gettempfileurl

  let purl=res.fileIDUni.showtoast ({icon: none ,title:上传成功,时长:1500 })uni cloud . gettempfileurl({ file list:[purl],success:function(RES){ console . log(RES)} })我们来看看获取图片临时地址的结果。

  文档是这么说的,所以我们取tempFileURL

  让我们改变页面代码。

  看效果。

  选择直接上传文档

  uni cloud . chooseanuploadfile({ type: image ,success:function(RES){ console . log(RES)} })练习(上传和替换个人用户的头像)我们将像上一个一样练习云存储的使用。

  实现个人用户头像的上传和替换。

  谢谢你。阅读练习时见。

  实话告诉你,我的朋友,我想送你一份真诚的新年礼物。新年伊始就来腾讯云社区入驻吧,和我一起分享技术。在这里,我不仅得到了很多礼物,也收获了认同感和成就感。技术需要传播种子,我们都是火种的传播者。我的朋友,我们在山顶见。我期待在云端见到你!

  https://cloud.tencent.com/developer/support-plan?invite_code=guxjsio9ud3l

  前端:js入门vue入门vue开发小程序等。

  后端:java入门,springboot入门等。

  服务器:mysql入口服务器简单地指示云服务器运行项目

  Python:建议在它暖火之前看。

  一些插件的使用等

  大学之道也在自身,好好学习,趁年轻。

  如果你对编程感兴趣,可以加入我们的qq群交流:974178910。

  有问题可以在下面留言,看到会回复。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • 关系型数据库与非关系型数据库简介一样吗,关系型数据库非关系型数据库有哪些
  • 关系型数据库与非关系型数据库简介一样吗,关系型数据库非关系型数据库有哪些,关系型数据库与非关系型数据库简介
  • 关于redis数据库入门详细介绍图片,redis数据库的使用,关于Redis数据库入门详细介绍
  • 使用php连接mysql数据库,php连接数据库的方法
  • 使用php连接mysql数据库,php连接数据库的方法,一文详解PHP连接MySQL数据库的三种方式
  • 什么是分库分表,为什么要进行分库分表-,分库分表的区别,数据库分库分表是什么,什么情况下需要用分库分表
  • vb中adodb连接数据库,
  • treeview控件绑定数据,wpf treeview数据绑定,详解TreeView绑定数据库
  • sql的多表查询,数据库如何实现多表查询
  • SQL数据库的图形管理界面工具是,sql图形界面创建数据库
  • SQL数据库的图形管理界面工具是,sql图形界面创建数据库,SQLServer2019 数据库的基本使用之图形化界面操作的实现
  • sql数据库定时备份怎么弄,mysql 定期备份
  • sql数据库定时备份怎么弄,mysql 定期备份,MySQL 数据库定时备份的几种方式(全面)
  • sqlserver的nvarchar和varchar,数据库varchar和nvarchar
  • sqlserver的nvarchar和varchar,数据库varchar和nvarchar,SQL中varchar和nvarchar的基本介绍及其区别
  • 留言与评论(共有 条评论)
       
    验证码: