微信公眾號(h5移動端)如何長長按保存圖片?


工具:hbuilderX

框架:uniapp

項目:公眾號(h5)換裝小游戲

項目描述:用戶通過微信登錄公眾號簡介,然后根據自己的喜愛選擇人物頭部(臉部表情、帽子)、身體(衣服)、配飾。然后生成海報。用戶可通過長按圖片將生成的海報保存到自己的手機中。

問題:當時認為這個不是什么問題,因為在uniapp中有uni.saveImageToPhotosAlbum可以將圖片保存到系統中。后來項目快結束了,說這個功能很重要,然后才發現

不支持h5,這時候,還不是很急,因為在plus還有保存圖片的方法plus.downloader.createDownload,但是這個我用着還是有問題,1.因為當前頁面有許多圖片。而需要保存的圖片是后台返回的鏈接地址,不知道為什么使用這個方法就是不行圖片也沒法保存,也沒有提示,保存的卻是頁面中另外一張圖片,由於臨近上線,這個問題沒有進行細究。在一種就是a鏈接打開圖片。但是這種方法雖然打開了圖片也可以保存,但是,保存完圖片后再次進入公眾號的時候用戶需要重新登錄,這樣用戶體驗不好,所以pass掉了。

然后再去百度上找找,通過不懈努力,通過別人的一點提示使用z-index就可以完美解決。由於需要保存的圖片是背景圖(在背景圖上還有兩張圖片),通過touchStart  提高需要保存圖片的z-index 。其實就這么簡單。

具體情況需要根據實際情況去看。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM