今天对接了京东的数据,但是他们返回的商品详情的数据里面,html的image标签的src里面并没有http或者https的协议,所以导致图片无法加载出来,在浏览器里面没问题,应该自动拼接了,但是小程序里不能展示。
京东返回的图片样式,可以看到没有协议头
backgroundimage:url(//img30.360buyimg.com/sku/jfs/t1/15549/12/15381/364586/5cafe075Eaa99cd70/cade493493de1dfa.jpg)
我想到的办法是用正则做匹配替换
const str = /\/\/img/g
//正则全部替换,然后用逗号分割用数组渲染,很少商品有文本描述,所以我就直接舍弃了
this.jdData.replace(str, 'http://img').split(',')