vue H5 实现长按图片实现图片保存

实现图片保存时非常常见的功能，直接上代码
由于我的项目用的是mint-ui，需要弹框出现img

<mt-popup
    v-model="popupVisible"
    popup-transition="popup-fade"
    >
    <img class="code-img" @touchstart="start" @click="popupVisible=true" :src="imgUrl" alt="">
</mt-popup>

接下来是写方法

// 默认数据
data() {
        return {
            popupVisible:false,
            longClick:0,
            timeOutEvent:0,
            imgUrl:"xxx"
        }
    },

methods: {
        // 长按
        start() {
            var that = this;
            this.longClick = 0;
            this.timeOutEvent = setTimeout(function() {
            that.longClick = 1;
            that.downImg()
          }, 500);
        },
        // 下载
        downImg() {
            if(!window.plus) return;
                plus.gallery.save(this.imgUrl, function () {
                    // alert('保存成功!');
                },function(){
                    // alert('保存失败，请重试!');
            });
        }
    },

应该很多朋友会困惑plus是什么？请移步plus对象是啥？
plus.gallery?
长按之后效果如下：

点击保存图片即可实现保存图片的功能！！
希望能够帮助到大家！！！