jquery clone div with file upload image preview

时间:2014-08-06 19:22:44

标签: jquery html

我有一个页面,用户可以在其中输入图像并查看选择的快速预览,然后单击整页预览以查看帖子的内容。

有没有办法克隆在单击常规预览之前第一次进行图像预览的div?

$("input#main[type='file']").change(function ()
   var $img = $("#firstDiv").clone();
   $("#secondDiv").append($img);
});


function readURL(a) {
    if (a.files && a.files[0]) {
        var b = new FileReader;
        b.onload = function (a) {
            $("#firstDiv").attr("src", a.target.result).width(180).height(150)
        };
        b.readAsDataURL(a.files[0])
    }
};

HTML:

<input type="file" id="main" onchange="readURL(this);">
<div id="firstDiv"></div>
<div id="secondDiv"></div>

0 个答案:

没有答案