小程序图片上传预览

Jetaime鱼

于 2018-05-15 17:43:24 发布

阅读量633

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_40095973/article/details/80326416

Page({
    data:{
        imagePreview:[]
    },
        //选择图片
    chooseImage:function () {
        var that = this
        wx.chooseImage({
            success:function (res) {
                var imagePreview = that.data.imagePreview
                imagePreview = imagePreview.concat(res.tempFilePaths)
              
                that.setData({
                    imagePreview:imagePreview
                })
            }
        })
    },

    //图片预览
    previewImage:function () {
        var that = this
        wx.previewImage({
            current:'',//当前显示图片的http链接
            urls:that.data.imagePreview//需要预览的图片http连接列表
        })
    },

    //删除图片
    removeImage:function (e) {
        var id = e.target.dataset.id
        var imagePreview = this.data.imagePreview
        imagePreview.splice(id, 1)
        this.setData({
            imagePreview:imagePreview
        })
    }

})