Regex для извлечения атрибута src

Question

Я пытаюсь сопоставить каждый атрибут src, который заканчивается jpg или png или gif, и извлекать строку 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; 
} 

Теперь ваше регулярное выражение имеет гораздо меньше проблем. (Никаких пробелов, одного против двойных кавычек, и так далее.)

this Пожалуйста, прочтите, и нет (для очень простых ситуаций, за исключением) не пытаться использовать регулярные выражения для разбора HTML сырца :)

Так что, учитывая массив источников изображения, вам просто нужно выбрать jpg/png/gif из них:

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

А затем захватить их имена файлов без расширения: (Есть много способов сделать это, вот только одна вещь Я бросил вместе ...)

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