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它的 iddiv和图像存在于其中，则执行以下操作：

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