小程序 rich-text 从返回的数据里去图片

html:

js:
data:{schoolInstruction: “”,}

initDAta:function({
call.getData(‘myintroduce’, {school_id: school_id}, function (res) {
if (res.errCode == 0) {
var info = res.data.introduce;
var firstImageUrl = that.getFirstImage(info);
var instruction = ‘’;
if (firstImageUrl != ‘’)
{
instruction = ‘

’;
}
else
{
if (info) {
instruction = info
.replace(/

/ig, ‘

’);
}
}

    that.setData({
      schoolInstruction: instruction,
    })
  } else {
    that.setData({
      schoolInstruction: '',
    })
  }
})}),

//从字符串中找出首图,并返回url
getFirstImage:function(str){
var firstImageUrl = ‘’;
//1,匹配出图片img标签(即匹配出所有图片),过滤其他不需要的字符
//2.从匹配出来的结果(img标签中)循环匹配出图片地址(即src属性)
//匹配图片(g表示匹配所有结果i表示区分大小写)
var imgReg = /<img.?(?:>|/>)/gi;
//匹配src属性
var srcReg = /src=[’"]?([^’"]
)[’"]?/i;
var arr = str.match(imgReg);
if (arr.length > 0)
{
var src = arr[0].match(srcReg);
if (src[1]) {
firstImageUrl = src[1];
}
}
return firstImageUrl;
},

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值