2014-09-02 3 views
0

난과 같이 이미지를 디스플레이 (폰갭 상당)를 코도 응용 가지고Phonegap-Cordova/내 이미지가 나타나지 않는 이유는 무엇입니까?

<img src="../assets/images/logos/mylogo.png" alt ="" /> 

arborescence 사용 Cordova에 의해 인 :

-index.html
-assets (부모 폴더 없음)
는 가 --1dc45af27.myapp.js // 이것이
-scripts
을 mylogo.png
--- 로고
-----를 --images 그 안에는 내 img src가 선언되었습니다.

이것은 데스크톱, 웹 모바일 (예 : 모든 기기에서 작동하는 내 앱)에서 작동하지만 iOS에서 실행되는 cordova 앱에는 적합하지 않습니다.

상대 경로에도 불구하고 이미지가 나타나지 않고 정사각형입니다.

아이디어가 있으십니까? 이 로고를 표시하지 않습니다, ../assets/images/logos/mylogo.png, 그러나 iOS 장비에 :

----- UPDATE 나는 포트 8000 (cordova serve을)에 서버와 시도하고 내가 사용 때 잘 로고를 표시

src="file:///var/mobile/Applications/10434B65-E6C2-4442-9AFE-9ADE1A5A53E1/myApp.app/www/assets/images/logos/logo-wealcome.png" 
+0

첫 번째/주 HTML 파일 (index.html) 파일의 위치는 어디입니까? 파일이 장치에 있으면 모든 후속 요청은 웹 서버가 아닌 전화로 파일을 찾으려고 시도합니다. 또한 당신은 ** web mobile **에서 작동한다고 언급했습니다. ** Web App을 말하고 싶습니까? – frank

+0

@frank 네, 웹 앱입니다. 실제로 모든 HTML 템플릿 (물론'index.html' 제외)은 연결되어'1dc45af27.myapp.js'로 압축됩니다. 이것이 내가 ../ assets/images/logos/mylogo.png를 시도한 이유입니다. 예상 된 절대 경로는'/ ios/www/assets/images/logos/mylogo.png'입니다. 상대적으로 그것을 어떻게 참조할까요? – Mik378

+0

main/landing (index.html) 파일이'www' 디렉토리의 전화 번호에 있다고 가정합니다. 이미지를로드하려면 src 속성을'src = assets/images/logo/logo-wealcome.png'로 변경해야합니다. 'www' 디렉토리가 여러분의 응용 프로그램을위한 기본 디렉토리가되지 않도록하십시오. – frank

답변

1

<img src="./assets/images/logos/mylogo.png" alt ="" />

이 하나를 제거합니다 ...

그것은 단지 내가 할 때 작동합니다 "." 당신의 src에?

관련 문제