2013-02-05 46 views
2

如何使用jQuery在div中顯示圖像?我有這段代碼,但它不起作用。在使用jQuery選擇後在div中顯示圖像

$(document).ready(function() { 
    $("#up").click(function() { 
     var imgUrl = $("img_input").val(); 
     $("#imageDiv").prop("src", imgUrl).show(); 
    }); 
}); 

其中up是給予id

<input id="img_input" type="file"> 
<button id="up"> 
+0

顯示您HTML了。 '$(「img_input」)'看起來錯了一個開始。 – mattmanser

+0

您正在爲'#imageDiv'的屬性添加'imgUrl'。如果這是** OR **,它應該是'imagDiv'裏面的image標籤的值嗎? –

+0

@ROYFinley這裏是我的html – user2042916

回答

2

變化:

$("img_input").val(); 

$("#img_input").val(); 

如果imageDiv是號裏面和圖像存在,然後執行:

$("#imageDiv").find("img").prop("src", imgUrl).show(); 
+0

但仍然無法正常工作 – user2042916