스크립트 이미지에 url넣는 방법 알려주세요

[김명수]

주소창:

http://localhost:5000/detail.html?pic=https://firebasestorage.googleapis.com/v0/b/vote22-cdcf3.appspot.com/o/kr20220309%2Fcands%2Fv1.jpg?alt=media&token=1deaa4e2-4896-4926-82a4-5868ed1dac10

<script>
      var qr=new URLSearchParams(window.location.search);
      $('.detail-pic').css('background-image',url('https://placeimg.com/640/380/tech')) 
      $('.detail-pic').css('background-image',url(${qr.get('pic')}))
  </script>

위에 detail-pic에 선생님소스와 제소스가 있는데

선생님소스는 로드하는데 제소스는 로드를 못해요

뭐가 틀린것인지요? 

[김명수]

원인을 찾았습니다. 답을 알려주세요

url의 jq는 

pic=https://firebasestorage.googleapis.com/v0/b/vote22-cdcf3.appspot.com/o/kr20220309%2Fcands%2Fv1.jpg?alt=media&token=1deaa4e2-4896-4926-82a4-5868ed1dac10 입니다

그런데 이 jq에는 중간에 &로 두개의 데이터(pic,token)가 존재하므로 앞부분만 불러서 로딩을 못했습니다.

그래서 url('${qr.get('pic')+"&token="+qr.get('token')}') 이렇게 했는데

로그를 찍어보니

pic=https://firebasestorage.googleapis.com/v0/b/vote22-cdcf3.appspot.com/o/kr20220309/cands/v1.jpg?alt=media&token=1deaa4e2-4896-4926-82a4-5868ed1dac10 가 되었습니다.

즉 (/)가 %2F로 되어야 하는데 그대로 (/)로 있어서, 로딩이 안됩니다

이것은 어떻게 해결해야 할까요? 

[codingapple]

qr 안의 /문자를 다른걸로 바꾸고 싶으면 

qr.replace(/\//g, "다른문자");

이런함수 쓰면 됩니다 

[글쓴이]

글