jquery - jqueryを使用して選択した後、divに画像を表示する

Question

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">

Answer 1

変化する：

$("img_input").val();

に

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

imageDivの id でdiv、その中に画像が存在する場合は、次のようにします。

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