小程序圖片長按識別功能的實現

 

1.文檔中有一句提示：
    "image組件中二維碼/小程序碼圖片不支持長按識別,僅在 wx.previewImage 中支持長按識別" 2.即便實現了 “wx.previewImage” 效果，但依舊是不支持二維碼識別的

附錄文檔位置：小程序圖片長按識別

 

①. wxml 頁面元素設計

//# 使用簡單的實現方式，直接賦值一個圖片鏈接得了
<image src="https://img.fetow.com/Public/Index/images/shewm.jpg" mode="widthFix"  
    data-src="https://img.fetow.com/Public/Index/images/shewm.jpg" 
    bindtap="previewImage"></image>

 

②. js 文件實現 “previewImage”方法

• 在對應的 js 文件中，添加了如下的方法

/**
  *  圖片預覽方法
  *  此處注意的一點就是，調用 "wx.previewImage"時，第二個參數要求為數組形式哦
  *  當然，做過圖片上傳功能的應該會注意到，如果涉及到多張圖片預覽，圖片鏈接數組集合即為參數 urls！
  */ 
  previewImage: function(e) {
    var current = e.target.dataset.src;
    wx.previewImage({
      current: current,
      urls: [current]
    })
  },

 

 

 

 

 

轉 :  https://www.jianshu.com/p/ec9a620222d6