BUG
粘貼微信源圖片出現(xiàn)問題
-
“此圖片來自微信公眾平臺未經(jīng)允許不可引用”問題
此圖片來自微信公眾平臺未經(jīng)允許不可引用
原圖片鏈接：
'https://mmbiz.qpic.cn/mmbiz_gif/DpXz9QfkO86oYdxZORj8SvCjmBYZPvCVSXgmuo2BUrpCU5biaIMfsmm8CCJtODYvl9g0bj6vqHqP27vCvKic77jA/640?wx_fmt=gif&tp=webp&wxfrom=5&wx_lazy=1'
解決方案：
將 tp=webp 從src中抹去
let str = 'https://mmbiz.qpic.cn/mmbiz_gif/DpXz9QfkO86oYdxZORj8SvCjmBYZPvCVSXgmuo2BUrpCU5biaIMfsmm8CCJtODYvl9g0bj6vqHqP27vCvKic77jA/640?wx_fmt=gif&tp=webp&wxfrom=5&wx_lazy=1';
str = str.replace(/tp=webp&/gi, '');
//'https://mmbiz.qpic.cn/mmbiz_gif/DpXz9QfkO86oYdxZORj8SvCjmBYZPvCVSXgmuo2BUrpCU5biaIMfsmm8CCJtODYvl9g0bj6vqHqP27vCvKic77jA/640?wx_fmt=gif&wx_fmt=jg&wxfrom=5&wx_lazy=1'
-
跨域問題
由于從微信復(fù)制過來的HTML代碼中益兄，img標(biāo)簽可含有 crossorigin 屬性，且 crossorigin="anonymous" 箭券。
在HTML5中净捅，一些元素提供了CORS的支持，例如<img>和<video>均有一個(gè)跨域?qū)傩?crossOrigin property)邦鲫，它允許你配置元素獲取數(shù)據(jù)的CORS請求灸叼。這些屬性是枚舉的，并具有以下可能的值：
anonymous: 對此元素的CORS請求將不設(shè)置憑據(jù)標(biāo)志
use-credentials: 對此元素的CORS請求經(jīng)設(shè)置憑證標(biāo)志庆捺；這意味著請求將提供憑據(jù)古今。
默認(rèn)情況下(即未指定crossOrigin屬性時(shí))， CORS根本不會使用滔以。anonymous關(guān)鍵字說明不會通過 cookies捉腥，客戶端SSL證書或HTTP認(rèn)證交換用戶憑據(jù)。即使是無效的關(guān)鍵字和空字符串也會被當(dāng)作anonymous關(guān)鍵字使用你画。
解決方案
將 crossorigin="anonymous" 從代碼中抹去
str = str.replace(/crossorigin="anonymous"/gi, '');
