• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

微信小程序上传单张或多张图片

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

--

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();
                            }
                        }
                    })
                }
            })
        }
        
    },

 

--


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
小程序 小程序在执行完wx.request方法后如何刷新页面发布时间:2022-07-18
下一篇:
微信小程序之———登录注册发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap