관리 메뉴

웹개발 블로그

[JS] 🔴background: url ( 파일 인식 안되는 현상 ) 본문

◆JavaScript/활용

[JS] 🔴background: url ( 파일 인식 안되는 현상 )

쿠키린 2023. 5. 3. 10:46
  1. 파일 경로에 공백이나 특수문자가 포함되어 있는 경우, 파일 경로를 따옴표로 감싸야 합니다.
  2. 파일이 존재하지 않거나, 파일 경로가 잘못되었을 경우에도 이미지가 인식되지 않습니다.
  3. CSS 속성 중 background-size가 지정되어 있지 않으면, 이미지가 표시되지 않을 수 있습니다.

 

나같은 경우 1번에 해당됐다.

 

EX

 liE += ` <p class="after" style="background: url('/upload/\${filePath}') no-repeat"></p>`;

TMI : 백틱과 문자열 템플렛을 사용했다.(JS에서 문자열 템플릿 사용시 인식이 안되는 현상이 있는데 \$ 달러 앞에 \을 넣어주면 해결)

 

url다음 괄호 안에 경로를 ''을 감싸주면 해결!