[JS] html에서 img 안에 src 값만 가져오기

html에 전체에서 img 태그 안에 있는 src 값들만 가져와야 하는 상황일때 사용된 코드입니다.

 

const imgSrcReg = /(<img[^>]*src\s*=\s*[\"']?([^>\"']+)[\"']?[^>]*>)/g;

  const regImg = [];
  let match = imgSrcReg.exec(내용);

  while (match !== null) {
    regImg.push(match[2]);
    match = imgSrcReg.exec(내용);
  }

 

정규식은 이미지 태그만 찾는 정규식인데 img 와 src 사이에 다른 여러 옵션이 존재 할 수 있기 때문에

 

그 값들을 다 포함해서 찾아오는 정규 식입니다. 그리고 exec 돌렸을때는 match안에 배열이 나오는데

 

chatgpt 같은 경우에는 match[1]에 있다고 하지만 저같은 경우에는 match[2]에 원본이 존재 했습니다.

 

이 부분은 사용하시면서 먼저 배열안에 원본 값을 찾아보고 나서 정하는게 좋을 듯 합니다.