当前位置:网站首页>上传图片-微信小程序(那些年的坑记录2022.4)
上传图片-微信小程序(那些年的坑记录2022.4)
2022-07-31 15:58:00 【cc.ChenLy】
今天被问到一个问题,怎么上传图片,问这个之前呢,我是在说vue项目的,elementui不是封装好了一堆插件吗,直接用就好了0_0
我只用过微信小程序自带的API,原理应该差不多
比如说一个发布上线的小程序,上传图片该怎么上传
逻辑:
A先生要发布租房信息,需要上传一张图片,首先要选择图片,选择图片之后,保存图片信息
选择上传图片后,把图片上传到云存储中,会返回云存储的图片使用链接
再把链接地址,通过数据接口存放在数据库,那样数据存储成功
B先生查询房屋信息,遍历数据接口数据,渲染出房屋信息,就可以看到A先生发布的租房图片
实现:
1、选择图片的API,拿到图片
wx.chooseImage(Object object)
或者
wx.chooseMedia(Object object)
2、发布信息前,上传图片,拿到链接地址

3、拿到链接地址就好办了,直接存起来就好了
这里遇到一个坑,就是上传到云存储是异步操作,如果和上传数据库放在一起,好像就是先执行数据库后在执行云存储,这样的话就存空图片数据了,所以建议分开写,先把图片上传后,再触发上传数据库
边栏推荐
猜你喜欢

MySQL基础篇【单行函数】

【TypeScript】深入学习TypeScript类型操作

全新宝马3系上市,安全、舒适一个不落

Why is the field of hacking almost filled with boys?

腾讯云部署----DevOps

Premiere Pro 2022 for (pr 2022)v22.5.0

WPF project - basic usage of controls entry, you must know XAML

【7.29】代码源 - 【排列】【石子游戏 II】【Cow and Snacks】【最小生成数】【数列】

二分查找的细节坑

mysql黑窗口~建库建表
随机推荐
mysql black window ~ build database and build table
入职一个月反思
button控件的使用
How Redis handles concurrent access
【C语言】LeetCode27.移除元素
Implementing DDD based on ABP
WPF project - basic usage of controls entry, you must know XAML
C language - function
多主复制的适用场景(2)-需离线操作的客户端和协作编辑
苹果官网样式调整 结账时产品图片“巨大化”
MySQL multi-table union query
SringMVC中个常见的几个问题
The arm button controls the flashing of the led light (embedded button experiment report)
C语言-函数
复制延迟案例(1)-最终一致性
Deployment应用生命周期与Pod健康检查
form 表单提交后,使页面不跳转[通俗易懂]
update data table update
网站漏洞修复服务商关于越权漏洞分析
BGP综合实验(建立对等体、路由反射器、联邦、路由宣告及聚合)