微信小程式識別二維碼跳轉 圖片預覽，放大圖片 + 識別圖中二維碼 出現的坑2個
阿新 • • 發佈：2019-01-24
wx.previewImage(OBJECT)
預覽圖片。自己程式碼
微信小程式圖片的放大，開啟圖片，
changebig:function(e){
var that=this
let bigimage = that.data.api + '/Uploads/' + that.data.ceshi
wx.previewImage({
current: "that.data.api + '/Uploads/' +that.data.ceshi", // 當前顯示圖片的http連結
urls: [that.data.api + '/Uploads/' + that.data.img] // 需要預覽的圖片http連結列表（重點）
})
}
寫這個主要是為了實現識別圖中二維碼做準備
| 引數 | 型別 | 必填 | 說明 |
|---|---|---|---|
| current | String | 否 | 當前顯示圖片的連結，不填則預設為 urls 的第一張 |
| urls | StringArray | 是 | 需要預覽的圖片連結列表 |
| success | Function | 否 | 介面呼叫成功的回撥函式 |
| fail | Function | 否 | 介面呼叫失敗的回撥函式 |
| complete | Function | 否 | 介面呼叫結束的回撥函式（呼叫成功、失敗都會執行） |
看著這個地方容易出現的坑
1.主要問題就是圖片不能是本地的也就是必須是http的，不然出現的圖片打不開
2.就是我們的urls和current的問題兩個的型別注意urls的型別寫錯也是不行的String和StringArray
給大家配上效果圖
如果大家是需要識別二維碼，那必須是小程式的二維碼
我放置一個我自己的專案小程式大家可以看下
