1. web項目vue框架使用qrcodejs2生成二維碼,會生成canvas和img,但是發現在手機上都是使用canvas而img中不會有數據
2. 本意是使用a標簽的download進行點擊下載,但是經嘗試使用uc瀏覽器和via都不行,只有chrome通過,兼容性不行
3. 瀏覽器自帶長按保存圖片,但是支付寶內置瀏覽器不支持長按保存base64格式的圖片
支付寶官方已解釋,支付寶安卓客戶端目前只支持 http 格式的圖片這樣長按保存操作, 不支持其它格式的圖片,如 base64 圖片格式。目前蘋果 ios 暫無此問題。
官方解釋地址:https://openclub.alipay.com/club/history/read/9024
4. 最后通過將qrcodejs2生成二維碼通過canvas轉base64轉file上傳到阿里雲oss獲得圖片url地址,隱藏canvas,賦值img的src並顯示,解決支付寶內置瀏覽器長按保存