jQuery를 사용하여 ejs에 이미지 표시

Question

express라는 노드를 사용하고 있습니다. 프로젝트는 인덱스 페이지와 대시 보드로 구성됩니다. 다른 경로와보기가 대시 보드에로드됩니다. 데이터가 도착할 때까지 로딩 gif를 통합하려고합니다. 모든 것이 효과적입니다. 하지만 ejs 뷰에서 gif 소스를로드 할 수있는 방법을 모르겠습니다. 내가 프로젝트를 실행할 때이 오류가 자바 스크립트 콘솔에서

<div id="loading"> 
<img id="loading-image" src="../public/images/ajax-loader.gif" alt="Loading.." /> 
</div> 

:

GET http://localhost:3000/public/images/ajax-loader.gif 404 (Not Found) 

내가 업데이트 할 jQuery를 스크립트를 사용하고 여기

는 코드 coverage.ejs에서 조각입니다 자주 페이지. GIF를 삽입하여 페이지의 출처를 페이지가 알 수 있도록하려면 어떻게해야합니까?

Answer 1

src 방향이 잘못되었습니다. 다음과 같아야합니다 :

<div id="loading"> 
<img id="loading-image" src="./images/ajax-loader.gif" alt="Loading.." /> 
</div>