1. 程式人生 > >關於跨域使用富文本圖片的問題

關於跨域使用富文本圖片的問題

path repl content 取圖 mat lac 問題 獲取 sha

剛做了一個小改動,需要在微信端顯示另外一個網站中通過富文本編輯後的信息,當然其中包括一些圖片內容。

其他的顯示都沒有問題,唯獨照片無法正常顯示,一直都是破碎的圖片樣式。

經過調試發現,圖片的顯示地址一直為另外一個網站的hosturl+path,然後發現數據庫中富文本的內容只有path,也沒有註明hosturl,所以圖片被自動加上了本地網站的host地址。

所以需要將獲取到本地的json內容中圖片的路徑地址加上另外網站的hosturl即可。

具體實現方式為:

                    var json = JSON.parse(content.data);
                    var d = json["Content"];

                    //匹配圖片(g表示匹配所有結果i表示區分大小寫)
                    var imgReg = /<img.*?(?:>|\/>)/gi;
                    //匹配src屬性
                    var srcReg = /src=[\‘\"]?([^\‘\"]*)[\‘\"]?/i;
                    var arr = d.match(imgReg);
                    if (arr != null)
                    {
                        for (var i = 0; i < arr.length; i++) {
                            var src = arr[i].match(srcReg);
                            //獲取圖片地址
                            if (src[1]) {

                                var resultImg = mnghost + src[1];
                                 
                                //將json內容中的路徑添加上另外服務器的地址即可
                                d = d.replace(src[1], resultImg);


                            }

                        }


                    }    

  

關於跨域使用富文本圖片的問題