zoukankan      html  css  js  c++  java
  • 小程序(长按二维码图片保存至手机)

    效果如图:

    wxml代码:

    <view class='erweima'>
      <view class='img_erweima'>
        <image src='http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg' bindtouchstart='timestart' bindtouchend='timeend' bindtap='saveImg'></image>
      </view>
      <view class='text'>
        <view>长按保存</view>
      </view>
    </view>
     
    js代码:
    //点击开始时的时间
    timestart: function (e) {
      var _this = this;
      _this.setData({ timestart: e.timeStamp });
    },
     
    //点击结束的时间
    timeend: function (e) {
      var _this = this;
      _this.setData({ timeend: e.timeStamp });
    },
     
    //保存图片
    saveImg: function (e) {
      var _this = this;
      var times = _this.data.timeend - _this.data.timestart;
      if (times > 300) {
        console.log("长按");
        wx.getSetting({
          success: function (res) {
            wx.authorize({
              scope: 'scope.writePhotosAlbum',
              success: function (res) {
                console.log("授权成功");
                var imgUrl = “http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg”;//图片地址
                wx.downloadFile({//下载文件资源到本地,客户端直接发起一个 HTTP GET 请求,返回文件的本地临时路径
                  url: imgUrl,
                  success: function (res) {
                    console.log(res);
                    // 下载成功后再保存到本地
                    wx.saveImageToPhotosAlbum({
                      filePath: res.tempFilePath,//返回的临时文件路径,下载后的文件会存储到一个临时文件
                      success: function(res){
                       }
                    })
                  }
                })
              }
            })
          }
        })
      }
    },
     
     
    另外,如果不是处于开发者,而是简单的练习,不用获取用户的当前设置,进行用户授权。直接--------
    //保存图片
    saveImg: function (e) {
      var _this = this;
      var times = _this.data.timeend - _this.data.timestart;
      if (times > 300) {
        console.log("长按");
        var imgUrl = “http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg”;//图片地址
        wx.downloadFile({//下载文件资源到本地,客户端直接发起一个 HTTP GET 请求,返回文件的本地临时路径
           url: imgUrl,
           success: function (res) {
           console.log(res);
            // 下载成功后再保存到本地
            wx.saveImageToPhotosAlbum({
            filePath: res.tempFilePath,//返回的临时文件路径,下载后的文件会存储到一个临时文件
            success: function(res){
            }
         })
         }
      }
    },
     
  • 相关阅读:
    CSS之旅——第二站 如何更深入的理解各种选择器
    CSS之旅——第一站 为什么要用CSS
    记录一些在用wcf的过程中走过的泥巴路 【第一篇】
    asp.net mvc 之旅—— 第二站 窥探Controller下的各种Result
    asp.net mvc 之旅—— 第一站 从简单的razor入手
    Sql Server之旅——终点站 nolock引发的三级事件的一些思考
    Sql Server之旅——第十四站 深入的探讨锁机制
    Sql Server之旅——第十三站 对锁的初步认识
    Sql Server之旅——第十二站 sqltext的参数化处理
    Sql Server之旅——第十一站 简单说说sqlserver的执行计划
  • 原文地址:https://www.cnblogs.com/Andrea-Li/p/8569228.html
Copyright © 2011-2022 走看看