问题:后台返回字符串,需要渲染到一本线上书上
正则:let reg_has_img = /<img [^>]*src=['"]([^'"]+)[^>]*>/gi;
解决:通过JS正则中的replace应用首先替换相应的 img标签的src为空,当翻到书的有图的页面后加载图片
实现:
首先捕获item中HtmlContent中img src中的内容并且把捕获内容push进数组
var reg_has_img = /<img [^>]*src=['"]([^'"]+)[^>]*>/gi;
if (reg_has_img.test(item.HtmlContent)) {
item.imgSrcArray = []
item.HtmlContent = item.HtmlContent.replace(reg_has_img, function (match, capture) {
item.imgSrcArray.push(capture);
return match.replace(capture, '');
});
}
然后通过保存的数组,在翻页时给src赋值即可
var reg_has_img = /<img [^>]*src=("")[^>]*>/gi;
if (reg_has_img.test(item.HtmlContent)) {