当前位置:网站首页>上传图片-微信小程序(那些年的坑记录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、拿到链接地址就好办了,直接存起来就好了
这里遇到一个坑,就是上传到云存储是异步操作,如果和上传数据库放在一起,好像就是先执行数据库后在执行云存储,这样的话就存空图片数据了,所以建议分开写,先把图片上传后,再触发上传数据库
边栏推荐
- 贪吃蛇项目(简单)
- i.MX6ULL驱动开发 | 33 - NXP原厂网络设备驱动浅读(LAN8720 PHY)
- 单细胞测序流程(单细胞rna测序)
- Bilateral filtering acceleration "recommended collection"
- BGP综合实验(建立对等体、路由反射器、联邦、路由宣告及聚合)
- 第二届中国PWA开发者日
- 11 pinia use
- [MySQL] Mysql paradigm and the role of foreign keys
- 二分查找的细节坑
- jeecg master-slave database read-write separation configuration "recommended collection"
猜你喜欢
随机推荐
6-22 Vulnerability exploit - postgresql database password cracking
WPF project - basic usage of controls entry, you must know XAML
Implementing click on the 3D model in RenderTexture in Unity
Delete the disk in good condition (recovery partition)
tooltips使用教程(鼠标悬停时显示提示)
jeecg主从数据库读写分离配置「建议收藏」
what exactly is json (c# json)
第二届中国PWA开发者日
Codeforces Round #796 (Div. 2)(A-D)
Applicable Scenarios of Multi-Master Replication (1) - Multi-IDC
Tencent Cloud Deployment----DevOps
How Redis handles concurrent access
Getting Started with TextBlock Control Basic Tools Usage, Get Started
基于ABP实现DDD
The 2nd China PWA Developer Day
单细胞测序流程(单细胞rna测序)
border控件的使用
2020 WeChat applet decompilation tutorial (can applet decompile source code be used)
复制延迟案例(3)-单调读
Deployment application life cycle and Pod health check