微信小程序調(diào)用wx.getImageInfo遇到的坑解決
這幾天做到微信小程序詳情頁分享的功能,需要把原頁面的一些參數(shù)帶到分享頁,然后在分享頁需要獲取圖片的寬高等基本信息。
1.先說分享傳參的方式:
在onShareAppMessage方法里面返回的path里面可以帶參數(shù)傳過去,具體傳參的方式有兩種,一種是可以傳對象(需要把JSON對象stringiny),另外一種是通過一般的參數(shù)拼接的方式一個個拼。
代碼:
onShareAppMessage: function (res) {
let data = this.data;
let shareParams = {
imgSrc: data.imgInfo.src
}
let shareData = JSON.stringify(shareParams)
let path = '/src/?shareData='+ shareData;
return {
title: '我在用家圖AI識圖找家具,快跟上節(jié)奏!',
path: path,
success: function(res) {
// 轉(zhuǎn)發(fā)成功
console.log('轉(zhuǎn)發(fā)成功')
},
fail: function(res) {
// 轉(zhuǎn)發(fā)失敗
console.log('轉(zhuǎn)發(fā)失敗')
}
}
},
2.再說在打開分享過來的頁面時怎么拿到剛才那些參數(shù) 其實那些參數(shù)是在onLoad方法里面的options傳過來的,如下代碼:
onLoad: function(options) {
//通過分享進(jìn)來的
if(options.shareData){
console.log(options.shareData)//這個就是剛才傳過來的那個JSON對象
}
}
3.遇到的坑
一開始在調(diào)用wx.getImageInfo時一直不掉成功,查了官方文檔,發(fā)現(xiàn)需要用https的方式下載圖片,但是我改成了https的方式也還是調(diào)不成功。這時候跟后端的同學(xué)咨詢了下,看是不是https出了問題,果然,https在這兩天剛好證書過期了。等https能正常使用的時候也就可以調(diào)用成功了。中間調(diào)試過程有點坑,當(dāng)打開調(diào)試時偶爾會調(diào)用成功getImageInfo,就是這個有時候能調(diào)成功,有時候不能,把我坑慘了。還有在不打開調(diào)試時調(diào)用非https或者h(yuǎn)ttps不可用的時候,getImageInfo既不跳到成功的回調(diào)也不跳到失敗的回調(diào),也不報錯,就像卡死在那了一樣。這就很慘,沒法調(diào)試。
tips:需要把圖片服務(wù)器的域名加到downloadFile 合法域名里面
到此這篇關(guān)于微信小程序調(diào)用wx.getImageInfo遇到的坑解決的文章就介紹到這了,更多相關(guān)小程序調(diào)用wx.getImageInfo內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
ECMAScript?的?6?種簡單數(shù)據(jù)類型
這篇文章主要介紹了ECMAScript的?6?種簡單數(shù)據(jù)類型,ECMAScript的數(shù)據(jù)類型很靈活,一種數(shù)據(jù)類型可以當(dāng)作多種數(shù)據(jù)類型來使用,具體使用詳情文章詳細(xì)介紹需要的小伙伴可以參考一下2022-06-06
JavaScript實現(xiàn)彈出DIV層同時頁面背景漸變成半透明效果
這篇文章主要介紹了JavaScript實現(xiàn)彈出DIV層同時頁面背景漸變成半透明效果,涉及JavaScript彈出窗口的實現(xiàn)及頁面元素屬性動態(tài)變換的相關(guān)技巧,需要的朋友可以參考下2016-03-03
基于javascript實現(xiàn)瀏覽器滾動條快到底部時自動加載數(shù)據(jù)
這篇文章主要介紹了基于javascript實現(xiàn)瀏覽器滾動條快到底部時自動加載數(shù)據(jù)的相關(guān)資料,需要的朋友可以參考下2015-11-11
JavaScript中數(shù)組雙重去重的方法總結(jié)
這篇文章主要為大家學(xué)習(xí)介紹了JavaScript中數(shù)組雙重去重的幾個常用方法,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-07-07
uni-app小程序沉浸式導(dǎo)航實現(xiàn)的全過程
在跨端項目開發(fā)中,uniapp是個不錯的框架,下面這篇文章主要給大家介紹了關(guān)于uni-app小程序沉浸式導(dǎo)航實現(xiàn)的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10
深入探討JavaScript異步編程中Promise的關(guān)鍵要點
這篇文章將全面深入地探討Promise,包括其前身、歷史、能力、優(yōu)點、缺點以及提供每個方法的案例,感興趣的小伙伴可以跟隨小編一學(xué)習(xí)一下2023-06-06

