DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 微信jssdk在iframe頁面失效問題的解決措施
微信jssdk在iframe頁面失效問題的解決措施
編輯:關於JavaScript     

項目需求

微信端添加拍品的頁面有照片上傳功能,上傳時打開一個iframe,該頁面用canvas加載用微信jssdk的選擇圖片接口選擇的圖片(這裡微信會返回一個形如weixin://xxxx的localid,可直接放在img的src裡進行預覽),可進行放大縮小移動旋轉等操作,點擊確定按鈕將編輯好的圖片發送到服務器存成圖片

遇到的問題

當子頁面功能開發完成後,在主頁面通過iframe打開子頁面,無法調用微信jssdk接口中的選擇圖片接口,其他jssdk中的接口也無法正常工作。但是單獨打開子頁面可以正常工作,主頁面的微信分享等也是正常的。

解決思路

首先是以為主頁面和子頁面同時注入了jssdk的簽名信息,是否有可能沖突。經過測試,排除此種可能。通過網絡搜索,有網友在此貼中描述的問題與我相似,但沒有解決方法 http://www.weixin.com/thread-8022-1-1.html

通過測試可以在主頁面進行簽名驗證,子頁面不添加jssdk的簽名信息。需要調用jssdk接口時,比如圖片選擇接口,在jssdk的函數前加parent.,即調用父頁面的此函數,經過測試,功能可正常調用。

parent.wx.chooseImage({
success: function (res) {
//upload_success(res.localIds);
}

值得一提的是,微信jssdk看似功能強大,但是bug不少,真正在項目中使用,經不起推敲。雖然解決的此問題,新的問題又來了,canvas導出圖片不能跨域。。。最終還是沒有用微信的接口來實現需求。

以上所述是小編給大家介紹的微信jssdk在iframe頁面失效問題的解決措施,希望對大家有所幫助!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved