동적으로 클라이언트 측에서 div로 이미지로드 - jQuery

Question

웹 이미지를로드하려고 시도했지만 작동합니다. 하지만 클라이언트 측 이미지를로드하고 싶습니다.

$("#lol").live("click", function() { 
$(".main").html('<img src="file:///D:/lol.jpg" />'); 
}) 

Answer 1

응용 프로그램을 실행중인 호스트 URL을 지정하십시오. 비슷한 것 http://localhost

참고 : 이것은 로컬에서만 작동하지만 inernet에서는 작동하지 않습니다. 이미지의 응용 프로그램 상대 경로를 항상 사용해야합니다.

$("#lol").live("click", function() { 
    $(".main").html('<img src="http://localhost/applicationName/images/lol.jpg" />'); 
}); 

Answer 2

src 속성은 http를 통해 웹을 통해 액세스 할 수 있어야합니다. 클라이언트는 파일에 액세스 할 수 없으며 웹 서버가 제공 할 수있는 것만 기억하십시오.

Answer 3

브라우저 보안 문제입니다. 유언장에 로컬 파일을로드 할 수 있다면 사용자 시스템의 원격 파일에 액세스하기 위해 로컬 파일을 악용 할 수 있습니다.

왜 그렇게해야합니까? 어쩌면 당신이 원하는 것을 성취 할 수있는 또 다른 방법이있을 것입니다.