js 获取字符串的图片路径并替换

简介: js 获取字符串的图片路径并替换
```javascript
this.$api.appPlateForm('', 'index/goodsdetail', params, function(res) {
          if (res.code == 200) {
            let content = res.data.goods.content;
            let re = /<img [^>]*src=['"]([^'"]+)[^>]*>/gi;
            let srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i // 匹配图片中的src
            let reHttp = new RegExp("http");
            let imgArr = content.match(re);
            for (let i = 0; i < imgArr.length; i++) {
              let imgSrc = imgArr[i].match(srcReg);
              if (!reHttp.test(imgSrc[1])) {
                content = content.replaceAll(imgSrc[1], that.hostUrl+imgSrc[1]);
              }
            }
            that.goods_detail = content.replaceAll('<img', '<img style=max-width:100%')
          }


相关文章
|
2月前
|
JavaScript 前端开发
JS几种拼接字符串的方法
JS几种拼接字符串的方法
53 1
|
4月前
|
存储 JavaScript 前端开发
JS上传文件(base64字符串和二进制文件流)
这篇文章介绍了两种JavaScript文件上传的方法:使用FileReader对象将文件读取为base64字符串上传,以及使用FormData对象以二进制文件流的形式上传文件,包括如何处理文件选择、读取和上传的详细代码示例。
514 2
JS上传文件(base64字符串和二进制文件流)
|
3月前
|
JavaScript
js 解析 byte数组 成字符串
js 解析 byte数组 成字符串
85 5
|
2月前
|
存储 JavaScript 前端开发
JavaScript 字符串(String) 对象
JavaScript 字符串(String) 对象
46 3
|
3月前
|
JavaScript 前端开发
javascript创建字符串
javascript创建字符串
|
3月前
|
JavaScript 前端开发
如何在JavaScript中替换字符串:一篇详细指南
如何在JavaScript中替换字符串:一篇详细指南
|
3月前
|
JavaScript
Vue3基础(19)___vite.config.js中配置路径别名
本文介绍了如何在Vue 3的Vite配置文件`vite.config.js`中设置路径别名,以及如何在页面中使用这些别名导入模块。
122 0
Vue3基础(19)___vite.config.js中配置路径别名
|
3月前
|
存储 JavaScript
js切割截取字符串方法
js切割截取字符串方法
54 2
|
3月前
|
Web App开发 JavaScript 前端开发
JavaScript 模板字符串
JavaScript 模板字符串
45 3
|
3月前
|
存储 JavaScript 前端开发
JavaScript 字符串
JavaScript 字符串
23 2