前言：

業務要求是小程序放一個二維碼圖片，長按可以識別二維碼，進而識別出個人微信，添加個人微信；我們可以通過uni.previewImage(OBJECT)或者wx.previewImage(Object object) 預覽當前圖片去實現

一、uni.previewImage( )|| wx.previewImage( )

我們先看官網描述：

OBJECT 參數說明

參數名

類型

必填

說明

平臺差異說明

current

String/Number

詳見下方說明

詳見下方說明

urls

Array

是

需要預覽的圖片鏈接列表

indicator

String

否

圖片指示器樣式，可取值：“default” - 底部圓點指示器； “number” - 頂部數字指示器； “none” - 不顯示指示器。

App

loop

Boolean

否

是否可循環預覽，默認值為 false

App

longPressActions

Object

否

長按圖片顯示操作菜單，如不填默認為保存相冊

App 1.9.5+

success

Function

否

接口調用成功的回調函數

fail

Function

否

接口調用失敗的回調函數

complete

Function

否

接口調用結束的回調函數（調用成功、失敗都會執行）

二、具體實現

<image :show-menu-by-longpress="true" src="/static/mp-weixin/qrCode.jpg" @click="previewImage"></image>data(){return{} }, methods:{previewImage(e) {console.log('e', e);uni.previewImage({// 需要預覽的圖片鏈接列表urls: [],// 為當前顯示圖片的鏈接/索引值current: '/static/mp-weixin/qrCode.jpg',// 圖片指示器樣式 indicator:'default',// 是否可循環預覽loop:false,// 長按圖片顯示操作菜單，如不填默認為保存相冊// longPressActions:{// itemList:[this.l('發送給朋友'),this.l]// },success: res => {console.log('res', res);}, fail: err => {onsole.log('err', err);}}); }

可以看到我 image 的 src 并沒有用到服務器上的 圖片，而是在本地的測試圖片，也是可以的！

這個主要是用到 uniapp 內置的圖片預覽，我這里 URLS 置空的原因是 我不需要預覽，只需要開啟 圖片的**:show-menu-by-longpress=“true”** 屬性，就可以識別出長按操作；需要預覽的多張圖片的URL 可以直接放在 URLS 里即可用！

可以根據自己的業務 把 current 設置為 e.target.src 屬性，動態的把當前路徑寫為 當前預覽圖片地址！

支持識別以下二維碼：

? 識別小程序碼 - ? 跳轉小程序 ? 識別微信、企微群二維碼 - ? 跳轉到加群頁面 ? 識別名片二維碼 - ? 跳轉到加好友頁面 ?公眾號二維碼

總結

以上是生活随笔為你收集整理的uniapp 微信小程序长按识别二维码，跳转小程序、个人微信的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。