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

最新推荐文章于 2024-01-16 08:56:12 发布

coldriversnow

最新推荐文章于 2024-01-16 08:56:12 发布

阅读量221

点赞数 1

文章标签： javascript 前端 java

原文链接：https://blog.csdn.net/weixin_45178729/article/details/119794480

版权

本文介绍了如何使用JavaScript的`$api.appPlateForm`函数从响应中获取商品详情中的图片路径，并使用正则表达式检测和替换非CDN链接为本地URL，确保图片在CDN之外也能正常显示。

摘要由CSDN通过智能技术生成


```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%')
					

					}

js 获取字符串的图片路径并替换_js 匹配字符串中图片路径-CSDN博客