zoukankan      html  css  js  c++  java
  • 微信小程序上传单张或多张图片

    --

    chooseImage: function () {
            let that = this;
            let worksImgs = that.data.worksImgs;
            let len = that.data.worksImgs.length;
            wx.chooseImage({
                count: 9 - len, //最多选择9张图片
                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: 'upload_file',
                            header: {
                                "Content-Type": "multipart/form-data",
                                'accept': 'application/json',
                                
                            },
                            success: function (res) {
                                console.log(res);
                                let data = JSON.parse(res.data); // 这个很关键
                                worksImgs.push(data.data.url);
                                that.setData({
                                    worksImgs: worksImgs
                                })
                            }
                        })
                    }
     
                }
            })
        },
        // 删除上传的图片
        deleteImg: function (e) {
            var worksImgs = this.data.worksImgs;
            var itemIndex = e.currentTarget.dataset.index;
            worksImgs.splice(itemIndex, 1);
            this.setData({
                worksImgs: worksImgs
            })
        },
        // 提交个人作品
        submitWorks:function(){
            let that = this;
            let worksImgs = String(that.data.worksImgs);
            let obj = {
                store_id: that.data.store_id,
                mode_id: that.data.mode_id,
                works_img: worksImgs,
                works_info: that.data.works_info, 
                is_xs : 1
            }
            if (obj.works_img.length == 0 || obj.works_info == ''){
                wx.showModal({
                    title: '提示',
                    content: '数据不能为空!',
                    showCancel: false,
                })
            }else{
                utils.postRequest('Mode/worksAdd', obj, '加载中', (res) => {
                    if (res.data.rc == 200) {
                        wx.showModal({
                            title: '提示',
                            content: '作品上传成功',
                            showCancel: false,
                            success: function (res) {
                                if (res.confirm) {
                                    that.setData({
                                        isUpWork: false
                                    })
                                    that.onShow();
                                }
                            }
                        })
                    } else {
                        wx.showModal({
                            title: '提示',
                            content: '作品上传失败',
                            showCancel: false,
                            success: function (res) {
                                if (res.confirm) {
                                    that.setData({
                                        isUpWork: false
                                    })
                                    that.onShow();
                                }
                            }
                        })
                    }
                })
            }
            
        },

    --

  • 相关阅读:
    什么是级联
    @GeneratedValue
    Spring Data JPA中CrudRepository与JpaRepository的不同
    Spring Data JPA的方法命名规则
    C/S架构的渗透测试-请求加解密及测试
    各类Fuzz字典
    Nessus8.11破解
    xss实验1-20writeup
    IIS短文件名漏洞
    Linux挂载exfat文件系统的U盘
  • 原文地址:https://www.cnblogs.com/Ph-one/p/12007029.html
Copyright © 2011-2022 走看看