欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

快速解決Canvas.toDataURL 圖片跨域的問(wèn)題

 更新時(shí)間：2016年05月10日 15:22:26   投稿：jingxian  
出現(xiàn)Canvas.toDataURL 圖片跨域問(wèn)題怎么解決呢？下面小編就為大家?guī)?lái)一篇Canvas.toDataURL 圖片跨域問(wèn)題的快速解決方法。一起跟隨小編過(guò)來(lái)看看吧

如題，在將頁(yè)面的圖片地址進(jìn)行本地輸出時(shí)（Html2Canvas.js），因不同源存在跨域問(wèn)題，會(huì)出現(xiàn)toDataURL訪問(wèn)權(quán)限問(wèn)題：

【Redirect at origin 'http://sub1.xx.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://sub2.xx.com' is therefore not allowed access.】

解決方案：

根據(jù)錯(cuò)誤分析需要在控制頭增加“Access-Control-Allow-Origin”，即允許訪問(wèn)源文件權(quán)限，那么我們對(duì)這個(gè)頁(yè)面【注意是要輸出頁(yè)面的圖片】這樣處理：

var img = new Image;
img.onload = myLoader;
img.crossOrigin = 'anonymous'; //可選值：anonymous，*   
img.src = 'http://myurl.com/....';

或者是HTML中

<img src="" id="imgclcd" crossorigin="anonymous">

 核心是請(qǐng)求頭中包含了 Origin: "anonymous"或"*" 字段，響應(yīng)頭中就會(huì)附加上 Access-Control-Allow-Origin: * 字段，問(wèn)題解決。

以上這篇快速解決Canvas.toDataURL 圖片跨域的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論