当前位置: 首页  >  ASP.NET  >  关于跨域使用富文本图片的问题

关于跨域使用富文本图片的问题 TOP

刚做了一个小改动,需要在微信端显示另外一个网站中通过富文本编辑后的信息,当然其中包括一些图片内容。

其他的显示都没有问题,唯独照片无法正常显示,一直都是破碎的图片样式。

经过调试发现,图片的显示地址一直为另外一个网站的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);
 
 
        }
 
    }
 
 
}   
Views:293   Posted at:2018-01-12
收藏 推荐 打印 | 录入:Admin | 阅读:0