URL 텍스트 대신 스위치 기능에서 실제 이미지 표시

Question

저는 스크립트 작업을하고 거의 작동하고 있습니다. div (id)이 있어야 이미지의 URL이 아닌 실제 이미지를 볼 수 있습니다.

this JSFiddle에서 확인할 수 있습니다.

또한 기본 이미지로 표시 할 배경 이미지를 표시하고 싶습니다. 입력을 선택하면 이미지가 배경 이미지로 바뀝니다. 여기

내가 이미지를 표시하고자하고있는 div입니다 여기에 URL을

$('#show_image_text').html(image_name); // Put the image URL 
    $('#show_image').html(image_name); // Put the image value in the formula image field src. 
}); 

를 생성하는 스크립트의 일부입니다. 그것은 width, height에 대한 스타일을해야 할 수도 있습니다, 그리고 background-image

<div id="show_image"></div> 

Answer 1

변화 코드를 다음과 같이

$('#show_image').css('background-image',"url('"+image_name+"')");

또한, 사업부 #show_image는 높이가 설정되어 있지 않기 때문에 당신이 명시 적으로

#show_image{ 
height:50px; 
width:200px; 
background-image:url('path to default image'); //you can set a default image like this, which will be overridden once you set the image in code... 
} 

업데이트 높이의 설정하지 않으면 이미지가 표시되지 않습니다 JSFiddle

Answer 2

봅니다 사용 :

$('#show_image').html("<img src='" + image_name + "' />"); 

대신 :

$('#show_image').html(image_name);