溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這幾天做個了項。就是微信掃描二維碼的然后進入公眾號網頁巴拉巴拉的，然后就很順利的遇到了在安卓端掃碼的時候，順利的一塌糊涂，然后到了蘋果端的時候，就只能出現一個保存圖片，然后就寫一下記錄一下這問題的解決方法。
問題
機型：iphone 7p
這里的二維碼是一張圖片，微信返回的圖片,具體下圖
然后是正常情況下。當我們開始掃碼的時，應該是這個樣子
這個是正常的，但是在蘋果端的時候就懵了，下面的菜單就只有一個保存圖片。那么如何解決呢，請看下面。
解決方案
解決方案其實有兩種。
使用 qrcodeJs 就不做介紹了，官網應有盡有，也就是將二維碼的鏈接填寫進繪制的 canvas 里面，然后生成二維碼掃描。
附上github地址: qrcodejs
let a = document.createElement("a");
a.href = `${window.location.origin}/invite?qrcode=${qrcode}`;
a.click();
這個在項目內的時候呢，確實是可以解決問題的，但如果從外部帶參數進入網頁，例如有人分享了一個二維碼給我，然后讓我去掃碼的時候呢？ 他就不行了。然后經過我幾次測試之后，我發現了問題
// 第一次跳轉的時候，也就是進入頁面的時候，url是這樣的
http://dududev.huikaoedu.com/invite?qrcode=https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=xxxx
然后這個時候呢，他是無法掃碼的，只能保存到本地，但是我又想起之前在百度看見一個很奇葩的解決方式，刷新頁面，說是刷新頁面就可以了，然后在我堅持不懈的刷新了兩以后，我發現我的url變成了下面這樣子
http://dududev.huikaoedu.com/invite?qrcode=https%3A%2F%2Fmp.weixin.qq.com%2Fcgi-bin%2Fshowqrcode%3Fticket%xxx
沒錯，他進行了編碼！！！！！！！所以最終的方案就是，如果你發現使用了 a 標簽沒用，那么就要進行 encodeURIComponent() 編碼，具體就是這樣了
let a = document.createElement("a");
const qrcode = encodeURIComponent(this.$route.query.qrcode);
a.href = `${window.location.origin}/invite?qrcode=${qrcode}`;
a.click();
總結
以上所述是小編給大家介紹的V的ue 微信端掃描二維碼蘋果端只能保存圖片解決方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
