개이득인개발
4k
2021-05-28 11:52:50
1
142

자바스크립트 img 태그 문자열에서 온전한 src 값 가져오기 (정규식)


안녕하세요 img 태그 문자열에서 온전한 src 문자열 값을 들고오고 싶은데 파일 이름에 특수문자가 들어갈 경우 온전한 값이 나오질 않아 문의드립니다. src의 값이 온전하게 나오려면 뭘 더 추가해야하나요?

아래는 제가 시도한 방법입니다.

const image = `
                <img src="http://localhost:9000/upload/editor/05. 테스틔... 이미지 'text'..왜 - 01.jpg">
                <img src="http://localhost:9000/upload/editor/06. 테스틔... 이미지 'text'..왜 - 02.jpg">
   
             `
   const regex = /<img[^>]+src=[\"']?([^>\"']+)[\"']?[^>]*>/g
   let extractUrl = ''
   while(extractUrl = regex.exec(image)){
       console.log(extractUrl[1])
   }


결과.

http://localhost:9000/upload/editor/05. 테스틔... 이미지 

http://localhost:9000/upload/editor/06. 테스틔... 이미지

이처럼 src가 잘려서 나오는데 뭘 저 추가하면 좋을까요?


0
  • 답변 1

  • 킁킁탐정
    844
    2021-05-28 23:07:04

    예전 답변이 도움이 될꺼 같아서 링크 남겨드립니다.

    https://okky.kr/article/879705


  • 로그인을 하시면 답변을 등록할 수 있습니다.