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

小程想努力变瘦

已于 2023-09-01 17:09:37 修改

阅读量126

点赞数

文章标签：前端

于 2023-09-01 16:52:33 首次发布

本文链接：https://blog.csdn.net/userFriends/article/details/132626866

版权


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])/ 【匹配正则】

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()] // 可以选的商品数量