uniapp框架下实现小程序图片上传或拍照上传

uniapp框架下微信小程序实现相册图片上传或拍照上传

业务场景

实现一个小程序访问相册或手机拍照上传图片的功能

核心API-uni.chooseImage与uni.uploadFile

1、先使用uni.chooseImage API实现对用户手机相册或摄像头的访问
在这里插入图片描述
在这里插入图片描述
2、由于需要将图片资源上传至指定第三方服务器存储，因此需要调用uni.uploadFile API实现
在这里插入图片描述
在这里插入图片描述

具体实现

在这里插入图片描述

简单说明

此处仅仅展示了利用uniapp框架中的两个内置API来实现单张图片的简单上传操作，操作比较简单，后续如果需要支持多张图片上传、已上传图片大图预览以及图片删除等操作可自行根据需要编写逻辑即可，大图预览可直接调用uni.previewImage API即可，具体用法可直接参考uniapp官网