• 微信小程序上传图片


    /**
                 * 选择图片上传服务器
                 * 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链接列表
                    })
                }
  • 相关阅读:
    Augular JS里的各种ng-
    JS笔记1
    JQuery实战学习--在dreamweaver 8中配置Jquery自动提示
    android 设置桌面背景图片适应屏幕大小
    canvas实现进度条!
    Javascript之Prototype
    Sql Server 之 for xml (path,raw,auto,root)
    MVC 知识点学习3(linq to sql)
    MVC 知识点学习2
    MVC 知识点学习1
  • 原文地址:https://www.cnblogs.com/YAN-HUA/p/10557643.html
Copyright © 2020-2023  润新知