javascript - 删除添加到 img 标签的参数

Question

我有下面的图片，我想删除 jpg 之后的所有内容 (?resize=495%2C371&ssl=1)

https://i1.wp.com/atalantadigital.com/wp-content/uploads/2016/11/sampleimg.jpg?resize=495%2C371&ssl=1

我已经尝试过:

preg_match_all('/<img[^>]+>/i', $images);

foreach ($images[0] as $image) {
 str_replace('?resize=495%2C371&ssl=1', ' ', $image);
}

有一些图像添加了这些参数，我需要修复。我对 php 或 javascript 解决方案持开放态度，提前致谢!

我搜索了 stackoverflow，但没有找到答案。

Answer 1

Javascript 非常适合这项任务，因为我们可以通过 img.src 轻松选择所有 img 标签以及 src 属性.

这将从页面上的 img src 网址中删除所有查询字符串(? 及其后面的任何内容)。

// searches for all images on page
let images = document.getElementsByTagName("img")
// for each image
for (let img of images) {
    // replace source query string with nothing
    img.src = img.src.replace(/\?.+$/, "")
}

正则表达式说明:

\? Matches literal ?

.+$ Matches everything after it until end of input

下面显示了正则表达式的工作原理:

let img = new Image;
img.src = 'https://i1.wp.com/atalantadigital.com/wp-content/uploads/2016/11/sampleimg.jpg?resize=495%2C371&ssl=1';

img.src = img.src.replace(/\?.+$/, "");

console.log(img.src);