微信小程序調(diào)用wx.getImageInfo遇到的坑解決
這幾天做到微信小程序詳情頁(yè)分享的功能,需要把原頁(yè)面的一些參數(shù)帶到分享頁(yè),然后在分享頁(yè)需要獲取圖片的寬高等基本信息。
1.先說分享傳參的方式:
在onShareAppMessage方法里面返回的path里面可以帶參數(shù)傳過去,具體傳參的方式有兩種,一種是可以傳對(duì)象(需要把JSON對(duì)象stringiny),另外一種是通過一般的參數(shù)拼接的方式一個(gè)個(gè)拼。
代碼:
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識(shí)圖找家具,快跟上節(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.再說在打開分享過來的頁(yè)面時(shí)怎么拿到剛才那些參數(shù) 其實(shí)那些參數(shù)是在onLoad方法里面的options傳過來的,如下代碼:
onLoad: function(options) { //通過分享進(jìn)來的 if(options.shareData){ console.log(options.shareData)//這個(gè)就是剛才傳過來的那個(gè)JSON對(duì)象 } }
3.遇到的坑
一開始在調(diào)用wx.getImageInfo時(shí)一直不掉成功,查了官方文檔,發(fā)現(xiàn)需要用https的方式下載圖片,但是我改成了https的方式也還是調(diào)不成功。這時(shí)候跟后端的同學(xué)咨詢了下,看是不是https出了問題,果然,https在這兩天剛好證書過期了。等https能正常使用的時(shí)候也就可以調(diào)用成功了。中間調(diào)試過程有點(diǎn)坑,當(dāng)打開調(diào)試時(shí)偶爾會(huì)調(diào)用成功getImageInfo,就是這個(gè)有時(shí)候能調(diào)成功,有時(shí)候不能,把我坑慘了。還有在不打開調(diào)試時(shí)調(diào)用非https或者h(yuǎn)ttps不可用的時(shí)候,getImageInfo既不跳到成功的回調(diào)也不跳到失敗的回調(diào),也不報(bào)錯(cuò),就像卡死在那了一樣。這就很慘,沒法調(diào)試。
tips:需要把圖片服務(wù)器的域名加到downloadFile 合法域名里面
到此這篇關(guān)于微信小程序調(diào)用wx.getImageInfo遇到的坑解決的文章就介紹到這了,更多相關(guān)小程序調(diào)用wx.getImageInfo內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript使用Promise封裝Axios進(jìn)行高效開發(fā)
這篇文章主要介紹了JavaScript使用Promise封裝Axios進(jìn)行高效開發(fā),Axios是一個(gè)基于Promise的HTTP庫(kù),它可以幫助我們更方便地發(fā)起HTTP請(qǐng)求,并且提供了許多高級(jí)功能,感興趣的同學(xué)可以參考下文2023-05-05比較不錯(cuò)的函數(shù)式JavaScript編程指南教程
你是否知道JavaScript其實(shí)也是一個(gè)函數(shù)式編程語言呢?本指南將教你如何利用JavaScript的函數(shù)式特性。2008-05-05JavaScript內(nèi)置對(duì)象math,global功能與用法實(shí)例分析
這篇文章主要介紹了JavaScript內(nèi)置對(duì)象math,global功能與用法,結(jié)合實(shí)例形式分析了javascript中內(nèi)置對(duì)象math與global的基本概念、功能及使用方法,需要的朋友可以參考下2019-06-06JS基于onclick事件實(shí)現(xiàn)單個(gè)按鈕的編輯與保存功能示例
這篇文章主要介紹了JS基于onclick事件實(shí)現(xiàn)單個(gè)按鈕的編輯與保存功能,結(jié)合實(shí)例形式分析了JS實(shí)現(xiàn)onclick響應(yīng)事件的轉(zhuǎn)換相關(guān)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2017-02-02利用JS hash制作單頁(yè)Web應(yīng)用的方法詳解
這篇文章主要給大家介紹了關(guān)于如何利用JS hash制作單頁(yè)Web應(yīng)用的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-10-10JS腳本實(shí)現(xiàn)網(wǎng)頁(yè)自動(dòng)秒殺點(diǎn)擊
本篇文章主要教給大家如何用JS寫一些商城中秒殺等自動(dòng)點(diǎn)擊功能,有這方面需要的朋友趕快學(xué)習(xí)下思路吧。2018-01-01JS實(shí)現(xiàn)單行文字不間斷向上滾動(dòng)的方法
這篇文章主要介紹了JS實(shí)現(xiàn)單行文字不間斷向上滾動(dòng)的方法,以實(shí)例形式較為詳細(xì)的分析了文字滾動(dòng)效果實(shí)現(xiàn)的原理與技巧,需要的朋友可以參考下2015-01-01