[TIL] CSS - img src 가 아직 없을 때 화면 비워 놓기

 

제목을 간단 명료하게 쓰기도 어려운.. 

"img src 가 아직 없을 때 화면 비워 놓기" .. 

 

이미지 파일을 업로드 하는 코드를 구현하였는데 파일을 선택하기 전 상태일 때 아래와 같은 그림이 계속 떠 있었다. 

이미지가 에러 뜰 때 자주봤던 그림인 것 같아서 너무 거슬렸당..

 

어떻게 지우지? 해서 여러 방법을 찾아보았다. 아직 코딩 초보초보인 나는 이런거 찾는데도 2시간 정도를 허비한다.. ^^ .. 

 

 

JavaScript 코드로 img src = "" 빈칸일 때 어쩌구 저쩌구 이런 방법도 있는듯 했는데 스택오버플로우에서 정말 명쾌한 방법을 찾아냈다 

 

img[src=""] {
	display: none;
}

 

너무 짧고 간단하고 복잡하지 않게 단 한줄의 코드로 보기 싫었던 쬐그만 이미지를 지워주기 완료! 헤헤