微信jssdk在iframe頁面失效問題的解決措施
項目需求
微信端添加拍品的頁面有照片上傳功能，上傳時打開一個iframe，該頁面用canvas加載用微信jssdk的選擇圖片接口選擇的圖片（這里微信會返回一個形如weixin://xxxx的localid，可直接放在img的src里進行預覽），可進行放大縮小移動旋轉等操作，點擊確定按鈕將編輯好的圖片發(fā)送到服務器存成圖片
遇到的問題
當子頁面功能開發(fā)完成后，在主頁面通過iframe打開子頁面，無法調用微信jssdk接口中的選擇圖片接口，其他jssdk中的接口也無法正常工作。但是單獨打開子頁面可以正常工作，主頁面的微信分享等也是正常的。
解決思路
首先是以為主頁面和子頁面同時注入了jssdk的簽名信息，是否有可能沖突。經(jīng)過測試，排除此種可能。通過網(wǎng)絡搜索，有網(wǎng)友在此貼中描述的問題與我相似，但沒有解決方法 http://www.weixin.com/thread-8022-1-1.html
通過測試可以在主頁面進行簽名驗證，子頁面不添加jssdk的簽名信息。需要調用jssdk接口時，比如圖片選擇接口，在jssdk的函數(shù)前加parent.，即調用父頁面的此函數(shù)，經(jīng)過測試，功能可正常調用。
parent.wx.chooseImage({
success: function (res) {
//upload_success(res.localIds);
}
值得一提的是，微信jssdk看似功能強大，但是bug不少，真正在項目中使用，經(jīng)不起推敲。雖然解決的此問題，新的問題又來了，canvas導出圖片不能跨域。。。最終還是沒有用微信的接口來實現(xiàn)需求。
以上所述是小編給大家介紹的微信jssdk在iframe頁面失效問題的解決措施，希望對大家有所幫助！
相關文章
JavaScript實現(xiàn)計算多維嵌套數(shù)組深度
在前端開發(fā)中，經(jīng)常會遇到需要處理多維嵌套的數(shù)據(jù)結構，并需要計算出它們的深度，本文就來講講如何使用JavaScript實現(xiàn)計算多維嵌套數(shù)組深度吧2023-06-06
JavaScript 異步調用框架 (Part 3 - 代碼實現(xiàn))
在上一篇文章里，我們說到了要實現(xiàn)一個Async.Operation類，通過addCallback方法傳遞回調函數(shù)，并且通過yield方法返回回調結果?，F(xiàn)在我們就來實現(xiàn)這個類吧。2009-08-08
這篇文章主要介紹了JS實現(xiàn)slide文字框縮放伸展效果代碼,涉及JavaScript響應鼠標事件動態(tài)操作頁面元素屬性的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
el-popover嵌套select彈窗點擊實現(xiàn)自定義關閉功能
el-popover彈窗內嵌套下拉選擇框,點擊el-popover彈出外部區(qū)域需關閉彈窗,點擊查詢、重置需關閉彈窗,遇到這樣的需求怎么解決呢,下面小編給大家介紹el-popover嵌套select彈窗點擊實現(xiàn)自定義關閉功能,感興趣的朋友一起看看吧2024-07-07
這篇文章主要為大家詳細介紹了js+canvas實現(xiàn)刮刮獎功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
JavaScript 函數(shù)節(jié)流詳解及方法總結
這篇文章主要介紹了JavaScript 函數(shù)節(jié)流詳解及實例的相關資料,需要的朋友可以參考下2017-02-02
在本篇文章里小編給大家整理了關于Java Varargs 可變參數(shù)使用以及相關知識點，需要的朋友們參考下。2020-01-01
通過JavaScript腳本復制網(wǎng)頁上的一個表格
通過JavaScript腳本復制網(wǎng)頁上的一個表格...2006-07-07
解析XML的方法有很多，在本文要為大家介紹下是使用AJAX的JS、JQuery兩種方式來進行解析，具體實現(xiàn)如下，感興趣的朋友可以參考下2013-09-09
JAVASCRIPT HashTable...2007-01-01