js生成word中圖片處理

首先功能是要求前台導出word，但是前后台是分離的，圖片存在后台，所以就存在跨域問題。

導出文字都是沒有問題的（jquery.wordexport.js），但是導出圖片就存在問題了：

        圖片是以鏈接形式存到word中，這樣如果是需要vpn的網站就會存在生成的word在沒有vpn的情況下打不開，有vpn的情況下必須啟用編輯才能加載出來圖片。

解決辦法：將圖片轉換成Data URL格式，再導出。

詳細代碼如下所示：

function changeImgToDataurl(){

   var charImg = document.all("exportdom").getElementsByTagName("img"); 
    var imgURLs = ""; 
    for (var i = 0; i < charImg.length; i++) { 
         var imgURL = charImg[i].currentSrc; 
         getBase64(imgURL,charImg[i]);
    } 
}
function getBase64(url,charImg){
        var Img = new Image();
        Img.crossOrigin = "Anonymous";//跨域必須使用，且后台也得設置允許跨域
        dataURL='';
        Img.src=url;
        Img.onload=function(){ //要先確保圖片完整獲取到，這是個異步事件
            var canvas = document.createElement("canvas"), //創建canvas元素
            width=Img.width, //確保canvas的尺寸和圖片一樣
            height=Img.height;
            canvas.width=width;
            canvas.height=height;
            canvas.getContext("2d").drawImage(Img,0,0,width,height); //將圖片繪制到canvas中
            dataURL=canvas.toDataURL('image/jpg'); //轉換圖片為dataURL
            condataurl?condataurl(dataURL,charImg):null; //調用回調函數
        };
} 

function condataurl(dataURL,charImg){
    charImg.src=dataURL;
    //console.log(charImg);
}