博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序杂技之--上传一张或者多张图片
阅读量:2065 次
发布时间:2019-04-29

本文共 1746 字,大约阅读时间需要 5 分钟。

首先我们先有一个存放图片的数组
这里我们用 imgList		data:{		imgList:[]		}
chooseImage: function () {        let that = this;        let imgList = that.data.imgList;        let len = imgList.length;   //已经上传多少张,最多可传九张        wx.chooseImage({            count: 9 - len, //剩余可上传张数            sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有            sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有            success: function (res) {                console.log(res);                // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片                if (res.tempFilePaths.count == 0) {                    return;                }                let tempFilePaths = res.tempFilePaths;                // let token = app.data.uptoken;                //上传图片 循环提交                for (let i = 0; i < tempFilePaths.length; i++) {                    wx.uploadFile({                        url: 'url', //此处换上你的接口地址                         filePath: tempFilePaths[i],                        name: 'x', //传给后台的文件名                        header: {   //看情况可省略                            "Content-Type": "multipart/form-data",                            'accept': 'application/json',                                                    },                        success: function (res) {  //成功回调                            console.log(res);                            let data = JSON.parse(res.data); // 这个很关键                            imgList.push(data.data.url);                            that.setData({                                imgList: imgList                            })                        }                    })                }             }        })    },
基本思路:
使用wx.chooseImage选择后会返回tempFilePaths(数组),依次循环这个数组上传给服务器,然后拿到线上地址,赋值给imgList即可。

转载地址:http://nkzmf.baihongyu.com/

你可能感兴趣的文章
Linux Python 2.7.15
查看>>
Nexus配置Linux Yum Repository
查看>>
Nexus Python pip Repository
查看>>
Linux Mysql 8.0.1
查看>>
Python pymqi 连接 IBM MQ
查看>>
JVM性能调优监控工具jps、jstack、jmap、jhat、jstat、hprof 详解
查看>>
Java - JVM TLAB、对象在内存中安置顺序、垃圾收集、回收算法
查看>>
转: 关于Linux与JVM的内存关系分析
查看>>
(转)Java 程序员必备的高效 Intellij IDEA 插件
查看>>
局域网(内网)docker安装及代理访问
查看>>
软考 英语学习
查看>>
maven 文件上传到远程服务器目录
查看>>
shell 脚本免密远程访问
查看>>
Linux平台Oracle多个实例启动说明
查看>>
在LINUX平台上手动创建数据库(oracle 10g)(在一个oracle服务器上启动两个实例)
查看>>
Oracle 10g 下载地址
查看>>
Linux 下 新增Oracle10g 实例
查看>>
LRM-00123 ORA-01078
查看>>
ORA-01102: cannot mount database in EXCLUSIVE mode
查看>>
专栏结语
查看>>