正则表达式提取 src 属性

Question

我试图匹配每个以 jpg 或 png 或 gif 结尾的 src 属性，并在其中提取 src 字符串。 我不确定我想出的以下正则表达式是否正确，但它确实为我提供了带有地址的 src 属性。 我的问题与以下正则表达式的可能问题以及我如何仅提取 src 字符串有关。

/src\s*=\s*(["'][^"']+(jpg|png|gif)\b)/g;

Answer 1

首先，您的正则表达式尝试做的太多了。 首先执行以下操作：

function img_find() {
    var imgs = document.getElementsByTagName("img");
    var imgSrcs = [];

    for (var i = 0; i < imgs.length; i++) {
        imgSrcs.push(imgs[i].src);
    }

    return imgSrcs;
}

现在，您要处理的正则表达式要少得多。 （没有空格、单引号和双引号等等。）

请阅读本文，不要（除了非常简单的情况）尝试使用正则表达式来解析原始 HTML :)

因此，给定一组图像源，您只需要选择jpg / png / gif图像源：

/(jpg|png|gif)$)/i;

然后获取他们的文件名，没有扩展名：（有很多方法可以做到这一点；这只是我拼凑起来的一件事......）

/(.*)\.[^.]+)/;