2017-04-14 1 views
3

메신저 이온 v1을 사용하여 이것은 내 폴더 구조입니다. 내 ACCT 폴더 아래img src path in Ionic v1

www\tempaltes\acct\ 

, 나는 ACCT-home.html을 및 사용 ACCT 가정patient_default.png을 표시하려고 patient_default.png

메신저가 이 코드.

<img src="patient_default.png" alt="Test" width="100px" height="100px"> 

ACCT-home.html을patient_default.png이 같은 폴더에있는 것으로 도시. 그러나 올바르게 표시되지 않습니다. 내가 잘못 했나요? 귀하의 도움은 정말 감사하겠습니다.

업데이트 된 질문 :

이 내 폴더 구조

root 
    --API 
     --patient_default.png 
    --Www 
     --templates 
     --acct 
      --acct-home.html 

는 내가 그것을 아무것도 보여주지

<img src="../../API/patient_default.png" alt="Test" width="100px" height="100px"> 

를 사용했습니다.

Folder Structure

+1

루트 폴더 (앱이 실행되는 곳)는 acct-home.html의 폴더와 같지 않다고 생각합니다. @hugoTor에서 index.html – Zooly

+0

경로를 작성하십시오. 고맙습니다. 추가 질문이 있습니다. 어떻게 www 폴더 외부의 이미지를 참조합니까? – markhamknight

+0

좋은, 그 대답을 게시했습니다. 나는 www 폴더에 머물도록 조언합니다. 하지만 외출해야한다면 '../ path ' – Zooly

답변

3

종류를 사용하면 색인 또는 앱 초기화보기에서 액세스 할 수 있습니다.하지만 귀하의 경우 하위 폴더에서 액세스해야합니다. 그럴 경우 src="../your image containingfolder /logo.png"과 같은 src 속성의 올바른 경로를 표시해야합니다. 이것은 방향을 반대 방향으로 보여주는 것과 같습니다.

그리고 당신의 갱신 에 대한

당신은 "../your image containingfolder /logo.png"이 당신의 WWW 폴더에서 표시하는 경우 당신이 그들을 accees 그러나 그들은 그 위치에서 사용할 수 있는지 확인 "../../your image containingfolder /logo.png" 같은 하나 더 추가 할 필요가 가정처럼 해당 폴더까지 ../를 늘려야

+0

대단히 감사합니다. 대답! : D 다른 질문이 있습니다 이 폴더 구조가 있습니다. ACCT-home.html을 어떻게 내 API 폴더 안에있는 이미지에 액세스 할 - 루트 --API --www 는 --acct 가 --templates? – markhamknight

+0

위의 내용은 API 폴더가있는 루트 폴더와 같은 정확한 경로이며 해당 API 폴더에 WWW가 포함되어 있다는 것입니다. ......... 또는이 중 하나가 루트의 하위 폴더입니까? –

+0

내 질문이 업데이트되었습니다. D – markhamknight

3

는 절대 경로 머리로 템플릿 폴더를 사용하지 마십시오.

대신 index.html을 사용하면 효과가 있습니다!

index.html은 .html 템플릿을 사용하지만 Ionic의 경우 참조는 항상 index.html입니다.

+0

Foo가 내 프로젝트 폴더라고 말합니다. 그래서 Foo에 www 폴더와 patient_default.png가 포함되어 있습니다. "../patient_default.png"를 쓸 때 – markhamknight

+0

님께 서 Sa Chowdary가 말했듯이, 하나 더 추가해야합니다 ../ – Zooly

0

<img src="www/img/patient_default.png" alt="Test" width="100px" height="100px"> 
을 시도 www\img에 폴더를 생성하고 그

후이 폴더에 patient_default.png 저장