json 데이터를 사용하여 이미지를로드 할 수 없습니다.

for (var i = 0; i < len; i++) { 
    if (data[i].ProductId && data[i].Name && data[i].ShortDescription && data[i].MediumImage && data[i].Price && data[i].IconImage) { 

    alert(data) 

    //var date = new Date(parseInt(data[i].date.substr(6))); 
    var Photoq = "../Images/HomeImages/" + data[i].MediumImage; 

    alert(Photoq); 

    //<img id="imgAd" src="/Images/HomeImages/1.jpg" width="181px" height="215px" alt="img"> 
    var Photo = "<img id='imgAd' src='" + Photoq + "' width='181px' height='215px' alt='img'/>"; 

    alert(Photo); 

    txt += '<tr><td><div id ="result1" ><div>' + Photo + '</div> <div ><div>' + data[i].ProductId + "</br> Name- " + data[i].Name + "</br> Description " + data[i].ShortDescription + ", </br>" + data[i].Price + "</br>"; 
    } 
} 

if (txt != "") { 
    $("#table").append(txt); 
}

경고의 이미지 이름을 가져오고 있지만 이미지가 렌더링되지 않습니다. 나는 다른 프로젝트에 대해 동일한 절차를 사용했고 거기에서 작업했습니다. 왜 여기에서 작동하지 않는지 모르겠다.json 데이터를 사용하여 이미지를로드 할 수 없습니다.

출처

2014-10-15 Smoking monkey

무엇이 렌더링됩니까? 제발 그걸 게시해라. –

img가 작성되고 빈 이미지 아이콘이 표시됩니다. –

404의 개발자 도구에서 네트워크 탭을 확인하십시오. 나는 그 길은 나쁘다고 생각한다. –

귀하의 SRC은 다음과 같아야합니다

var Photoq = "/Images/HomeImages/" + data[i].MediumImage;

/Images/HomeImages/..는 절대 경로입니다. 즉, 자원은 서버의 루트에서 시작하여 검색됩니다. /file.jpg을 사용하면 서버 루트에서 직접 검색 중임을 의미합니다.

슬래시를 사용하지 않을 경우 상대 경로가 있음을 의미합니다. 그래서 파일 시스템의 현재 디렉토리에서 시작하여 경로를 따라 가고 있습니다. ../은 상위 디렉토리를 찾고 있음을 의미합니다.

출처

2014-10-15 12:26:32

어이! 그것은 효과가 있었다. 고마워. 때때로 우리는 "../"을 넣어야 만합니까? –

json 데이터를 사용하여 이미지를로드 할 수 없습니다.

답변

관련 문제