uni-app开发微信小程序（获取多张本地相册图片并上传到服务器功能）

看看电影听听歌

已于 2023-04-19 14:24:21 修改

阅读量4.8k

点赞数 4

CC 4.0 BY-SA版权

分类专栏：小程序 uni-app 文章标签：微信小程序前端 vue.js

于 2021-12-29 17:12:30 首次发布

本文链接：https://blog.youkuaiyun.com/xxx_datou/article/details/122219551

思路：

用户触发某一事件弹出一个弹窗（用户可能直接手机拍摄或者直接从手机相册选择照片），用户选择完方式后，调用对应的api并把选择好的照片上传到服务器。

涉及到的API：

1、uni.showActionSheet 从底部向上弹出操作菜单

2、uni.chooseImage 从本地相册选择图片或使用相机拍照

3、uni.uploadFile 将本地资源上传到开发者服务器

实现代码：


uni.showActionSheet({
    itemList: ["拍照", "从手机相册选择"],
    success(res) {
        let sourceType = "camera";
        if (res.tapIndex == 0) {
            sourceType = "camera";
        } else if (res.tapIndex == 1) {
            sourceType = "album";
        }
        let that = this;
        uni.chooseImage