小程序上传图片

		<view class="li fl" data-index='{{index}}' wx:for='{{imgUrl}}' bindtap="scPic">
            <image src="{{img}}{{imgUrl[index]}}"></image>
        </view>
        <!--上传四张不显示添加图片-->
        <view class="li fl" hidden="{{imgUrl.length=='4'}}" bindtap="scPic">
            <image src="../../images/tjtp.png"></image>
        </view>
data:{  //这是data里要定义的东西
	dizhi: '',
    imgUrl: [],
    imgUrlNum: "",
    imgSrc: ""
}

scPic: function (e) {
    var that = this;
    let ind = e.currentTarget.dataset.index
    wx.chooseImage({
        count: 1,
        success: function (res) {
            //缓存下 
            wx.showToast({
                title: '正在上传...',
                icon: 'loading',
                mask: true,
                duration: 2000,
                success: function (ress) {
                    console.log('成功加载动画');
                }
            })
            that.setData({
                imageList: res.tempFilePaths
            })
            //获取第一张图片地址 
            var filep = res.tempFilePaths[0]
            //向服务器端上传图片 
            // getApp().data.servsers,这是在app.js文件里定义的后端服务器地址 
            wx.uploadFile({
                url: app.globalData.url + 'upload/upimg',
                token: wx.getStorageSync("token"),
                filePath: filep,
                name: 'file',
                formData: {
                    'user': 'test'
                },
                success: function (res) {
                    //var sss = JSON.parse(res.data)
                    let array = that.data.imgUrl;
                    var dizhi = res.data;
					//更改已上传的图片
                    if (ind != undefined) {
                        array[ind] = dizhi
                    } else {
                        array.push(dizhi) //把上传的图片放到一个数组里
                    }
                    //把图片路径转成字符串,给后台传的时候用
                    let obj = '';
                    array.forEach((v, i, array) => {
                        obj = `${obj},${v}`
                    })
                    
                    obj = obj.substring(1, obj.length)
                    //输出图片地址 
                    that.setData({
                        dizhi: dizhi,
                        imgUrl: array,
                        imgSrc: obj
                    })
                    //do something  
                },
                fail: function (err) {
                    console.log(err)
                }
            });
        }
    })
},
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值