일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- select
- linux
- 프로젝트 클린
- 순서 보장
- BindingResult
- JSON
- 명령어
- 다른사람 프로젝트 수정전 가져야할 자세
- 스프링부트
- Java
- 룸북
- 하모니카 OS 5
- #{..}
- StringUtils.hasText
- 설정
- Intellij
- 함수 인자값 id
- 추천 사이트
- 개발시작전 자세
- 타임리프와 스프링
- 시퀀스 조회
- js
- it
- cmd
- 자바스크립트 인라인
- 타임리프
- 리눅스
- Test 룸북 사용하기
- 추천 프로그램
- 비밀번호 변경 명령어
Archives
- Today
- Total
웹개발 블로그
[JS] 🔴background: url ( 파일 인식 안되는 현상 ) 본문
- 파일 경로에 공백이나 특수문자가 포함되어 있는 경우, 파일 경로를 따옴표로 감싸야 합니다.
- 파일이 존재하지 않거나, 파일 경로가 잘못되었을 경우에도 이미지가 인식되지 않습니다.
- CSS 속성 중 background-size가 지정되어 있지 않으면, 이미지가 표시되지 않을 수 있습니다.
나같은 경우 1번에 해당됐다.
EX
liE += ` <p class="after" style="background: url('/upload/\${filePath}') no-repeat"></p>`;
TMI : 백틱과 문자열 템플렛을 사용했다.(JS에서 문자열 템플릿 사용시 인식이 안되는 현상이 있는데 \$ 달러 앞에 \을 넣어주면 해결)
url다음 괄호 안에 경로를 ''을 감싸주면 해결!
'◆JavaScript > 활용' 카테고리의 다른 글
[JS] 숫자만 입력하게 감지하기(=양수만 입력되게) (0) | 2023.09.14 |
---|---|
[JQuery] datetimepicker 날짜 및 시간 (한국어) (0) | 2023.09.11 |
[JS]이미지 업로드 미리보기(프리뷰) (0) | 2023.04.14 |