美文网首页
VUE H5长按保存图片到本地

VUE H5长按保存图片到本地

作者: 钱段工程师 | 来源:发表于2020-03-14 16:34 被阅读0次

    HTML:

    <img @touchstart="start" class="ppimg" :src="imgUrl" alt="">

    js:

    methods:{

    data() {

    return{

    imgUrl:"",

    longClick:0,

    timeOutEvent:0

        };

      },

    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('保存失败,请重试!');

          });

        },

    }

    相关文章

      网友评论

          本文标题:VUE H5长按保存图片到本地

          本文链接:https://www.haomeiwen.com/subject/iqseshtx.html