내 고객을 위해 만들어진 모바일 웹 사이트가 있습니다. 내 개발 서버 및 라이브 서버에서 사이트를 만들었습니다. 개발 서버에 이미지 로고를 업로드하고 모바일에서 확인하면 이미지가 제대로 표시됩니다. 그러나 라이브 서버에 동일한 코드를 삽입하면 이미지가 모바일에 표시되지 않고 내 PC에 표시됩니다.asp.net에서 모바일 웹의 이미지를 설정하는 방법
난 그냥 간단한 HTML을 사용하고 있습니다 :
<img src="/image/logo.jpg">
는 난과 이미지의 URL에서 따옴표없이 아래의 코드를 시도했다.
<div style="background-image: url(/image/logo.jpg)" />
당신은 이미지 컨트롤을 사용합니다. 그냥 Visual Studio에서 도구 상자에서 드래그하고 속성 패널의 이미지 설정 :
다음<asp:Image ID="MyImage" runat="server" ImageUrl="~/image/logo.jpg" />
당신은 ASP.NET 항상 올바르게 경로를 선택해야합니다 때문에 경로에 대해 걱정할 필요가 없습니다 당신의 영상.
이제 HTML 만 사용하는 경우 문제가 매우 간단합니다. 첫 번째 슬래시를 제거하십시오. 그 트릭을해야합니다.
<div style="background-image: url("image/logo.jpg");"></div>
그리고의 이미지로 연결하는 거의 모든 가능한 방법을 설명하는 직접 MSDN에서이 페이지를 확인 참조 용 :
<img src="image/logo.jpg"/>
또는 당신의 사업부에 배경으로 추가하려고하면
웹 사이트는 :만약이게 도움이 될지는 좀 알려주세요.
는이 문제를 해결하려면 다음 구문을 사용합니다
<의 img SRC = "~/이미지/logo.jpg"ALT = RUNAT = "서버"의 "고도를 잊지 마세요">
다른 사람들이 문제는 이미지 디렉토리의 경로와 관련이 있다고 지적한 바 있습니다. 이미지 디렉토리가 앱의 루트에 있다고 가정합니다. 사이트의 루트 URL을/앞에 표시합니다. 서버 컨트롤에서 ~ /를 사용하면 asp.net이이를 사용자의 루트 URL로 바꿉니다.
www.example.com/someApp/image/logo.jpg
/image/logo.jpg = www.example.com/image/logo.jpg
깨진 링크 : 여기에 명확 수있는 몇 가지 예입니다. 앱 외부 디렉토리를 나타냅니다. 개발 서버에서 작동한다면 루트 디렉토리에 이미지 디렉토리가 있어야합니다.
image/logo.jpg = www.example.com/someApp/image/logo.jpg
링크가 앱의 루트에있는 한 작동합니다.
~/image/logo.jpg = www.example.com/someapp/image/logo.jpg
링크가있는 위치에 관계없이 작동합니다.그러나 링크가 포함 된 컨트롤은 runat = "server"로 설정해야합니다.
귀하의 html이 모바일 용으로 잘 포맷되어 있지 않다고 생각합니다. HTML 파일의 시작 부분에
넣어이 :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
그리고 제대로 표시되는 경우 다음 확인.
다른 휴대 전화로 웹 사이트를 확인하고 이전 파일이 ISP에서 캐시 될 수 있음을 기억하십시오.
P.S : 같은 이미지 태그를 사용은 OK입니다 :
<img alt="the image" src="/image/logo.jpg" />
P.P.S :는 이미지 태그가 제대로 닫혀 있습니까? "/"이 누락되었습니다.
시험이 :
<img src="/image/logo.jpg" />
이것은 이미지 경로를 찾을 수 없다는 사실을 고쳐주지는 않습니다. 그것은 그것을 유효하게 만들지 만 확실히 끊어진 링크를 고치지는 않을 것입니다. – loyalpenguin
@loyal : 동의합니다.하지만 링크가 깨지지 않았다고 가정하므로 태그가 PC에서 작동하는 것처럼 보입니다. 그러나 깨진 지 여부를 확인하는 것은 매우 좋은 생각입니다. –
많은 도움이 될 사이트를 살 수있는 링크. – nLL