码迷,mamicode.com
首页 > 微信 > 详细

微信小程序上传图片

时间:2019-03-19 12:06:47      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:view   tempfile   ejs   nbsp   turn   rms   camera   art   pre   

/**
             * 选择图片上传服务器
             * num 允许传几张
             */
            const uploadImg = function(num, onlyCam = false) {
                return new Promise((resolve, reject) => {

                    wx.chooseImage({
                        count: num,
                        sizeType: [‘compressed‘], // 可以指定是原图还是压缩图,默认二者都有 ‘original‘,
                        sourceType: onlyCam ? [‘camera‘] : [‘album‘, ‘camera‘],
                        success: function(pic) {
                            let g_data = getApp()
                            let address = g_data.server_address;
                            let upImg = []
                            wx.showLoading({
                                title: ‘上传中‘,
                                mask: true,
                                icon: ‘none‘,
                            })
                            pic.tempFilePaths.forEach((list, index) => {
                                upImg[index] = new Promise((resSing, rejSing) => {
                                    wx.uploadFile({
                                        url: `${address}/WxFile/UploadImg`,
                                        filePath: list,
                                        header: {
                                            "Content-Type": "multipart/form-data"
                                        },

                                        name: ‘Image‘,
                                        success: function(res) {
                                            let res_data = res.data;
                                            let brand = g_data.globalData.system_info.brand;
                                            if(brand == ‘iPhone‘) {
                                                console.log(‘苹果:‘, res_data)
                                                res_data = res_data.replace(/\\/g, ‘‘);
                                            } else {
                                                console.log(‘其他::‘, res_data)
                                            }
                                            res_data = res_data.substring(res_data.indexOf(‘{‘), res_data.lastIndexOf(‘}‘) + 1);
                                            res_data = JSON.parse(res_data);
                                            if(res_data.Stat != 1) {
                                                return rejSing()
                                            }
                                            resSing(res_data.Data)
                                        },
                                        fail: function(err) {
                                            rejSing(err)
                                        }
                                    });
                                })
                            })
                            //上传完图片才reject数据  (resAll返回的是一个数组)
                            Promise.all(upImg).then((resAll) => {
                                wx.hideLoading()
                                resolve(resAll)
                            }).catch((errAll) => {
                                wx.hideLoading()
                                wx.showToast({
                                    title: ‘上传失败‘,
                                    icon: ‘none‘
                                })
                                reject()
                            })
                        },
                        fail: function(err) {
                            if(err.errMsg === "chooseImage:fail cancel") {
                                reject()
                            } else {
                                wx.showToast({
                                    title: ‘上传失败‘,
                                    icon: ‘none‘
                                })
                                reject()
                            }

                        }
                    });
                })
            }
            // 图片预览 ind:当前浏览索引   list:需要预览的图片数组
            const picBroser = function(ind, list) {
                wx.previewImage({
                    current: ind, // 当前显示图片的http链接
                    urls: list // 需要预览的图片http链接列表
                })
            }

 

微信小程序上传图片

标签:view   tempfile   ejs   nbsp   turn   rms   camera   art   pre   

原文地址:https://www.cnblogs.com/YAN-HUA/p/10557643.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!