图片前缀匹配 富文本中图片前缀匹配 [正则匹配]=====正则记录


1./file/aaa.png图片加前缀
// 图片是否要加前缀
/**
 * element plus 的文件大小 Formatter 实现
 *
 * @param val 图片路径
 */
 const imageUrl = (val: string) => {
  if (val == '' || val == undefined) {
    return val
  }
  const imageReg = /(http|https):\/\/([\w.]+\/?)\S*/
  const path = 'https://www.baidu.com'
  if (imageReg.test(val)) {
    return val
  } else {
    return path + val
  }
}
export default imageUrlVerify
2.富文本文件返回值 如果图片没有加http或者https 前缀 就手动给它添加
/src="(?![http])|(?![https])/  //【匹配正则】解释:匹配 src=" 后面,并断言它不以 http 或 https 开头

const path = 'https://www.baidu.com'

content =content.replace(/src="(?![http])|(?![https])/g, 'src="' +path );
匹配到需要调整的所有图片 给其加style
content = content.replace(/\<img/gi, '<img style="max-width:100%;height:auto" ');

map去重

let specMap = new Map()
specList.forEach(spec => {
  // 因为是统一价 只需要关注 num
  if (!specMap.has(spec.num)) {
   	specMap.set(spec.num, spec)
   }
 })
specList = [...specMap.values()] // 可以选的商品数量                                         
3.已知省市区详细地址,需要用正则拆分出省市区--详细地址
  const getProvice = ()=>{
 	  const address ='河南省襄城县王洛镇东村'  //江苏省昆山市周市镇东方村(36)腰娄96号
      const regex =  /.+?(省|市|自治区|自治州|县|区)/g //获取省市区
      const match = address.match(regex)
      const provice=match[0] // 省
      const city=match[1] //市
      const regex2 = new RegExp(`.+(${city})(.*)$`) //拿市后面的剩余地址正则
      // const otherAddress= address.slice(match[0].length+match[1].length)
      const addressAll = address.match(regex2)[2]
      console.log(provice,city,addressAll,'=======正则')
  }
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值