img圖片跨域問題(場景:阿里oss,騰訊oss,其他第三方文件服務器)


BUG場景

html2canvas合並兩張阿里OSS的圖片跨域導致報錯問題,報錯環境:搜狗,360,win7谷歌瀏覽器,並且報錯環環相扣

解決方案

合並的img標簽加上crossorigin = "anonymous"解決搜狗報錯問題,但是360合成圖片仍然報錯,因為js加載img標簽導致緩存跨域,所以克隆的DOM節點內圖片鏈接加上時間戳

cloneDom[0].innerHTML = cloneDom[0].innerHTML.replace(/.png/g,'.png' + '?' +(new Date()).getTime())

以此解決,搜狗,360,win7谷歌瀏覽器跨域問題BUG。

解決方案二

oss圖片鏈接轉換成base64圖片不會導致跨域問題。


免責聲明!

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



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