今天被问到一个问题,怎么上传图片,问这个之前呢,我是在说vue项目的,elementui不是封装好了一堆插件吗,直接用就好了0_0
我只用过微信小程序自带的API,原理应该差不多
比如说一个发布上线的小程序,上传图片该怎么上传
逻辑: A先生要发布租房信息,需要上传一张图片,首先要选择图片,选择图片之后,保存图片信息
选择上传图片后,把图片上传到云存储中,会返回云存储的图片使用链接
再把链接地址,通过数据接口存放在数据库,那样数据存储成功
B先生查询房屋信息,遍历数据接口数据,渲染出房屋信息,就可以看到A先生发布的租房图片
实现: 1、选择图片的API,拿到图片
wx.chooseImage(Object object)
或者
wx.chooseMedia(Object object)
文章图片
2、发布信息前,上传图片,拿到链接地址
文章图片
文章图片
3、拿到链接地址就好办了,直接存起来就好了
【前端|上传图片-微信小程序(那些年的坑记录2022.4)】这里遇到一个坑,就是上传到云存储是异步操作,如果和上传数据库放在一起,好像就是先执行数据库后在执行云存储,这样的话就存空图片数据了,所以建议分开写,先把图片上传后,再触发上传数据库
推荐阅读
- 面试|【微信小程序】开发入门篇(一)
- 宋宋讲编程|Python自动化办公小程序(实现报表自动化和自动发送到目的邮箱)
- 微信小程序|【小程序】一文读懂微信小程序登录流程及获取手机号
- 小程序|微信小程序剪切图片的功能
- 小程序|微信小程序隐藏滚动条的方法
- 微信小程序|【微信小程序】一文读懂小程序的生命周期和路由跳转
- 前端|Chrome(谷歌浏览器)安装Vue插件vue-devtools(图文详细教程)
- 前端|解决chrome(谷歌)浏览器开发者工具中header的请求参数“Request Payload“和“Query String Parameters“(消失)不见了的问题
- 面试|【vue网站优化】秒开网页