js-如何从dataTransfer img制作img

Question

我有一个img <img id="img1">
和一个div <div class="imgdrop" id="imgdropdiv" ondragover="event.preventDefault();" ondrop="dropimg(event)">
如何通过此js代码将img标签的img设置为imgdata.result

imgdrop = document.getElementById("imgdrop");
img = document.getElementById("img1");


function dropimg(file) {
    file.preventDefault();

    if (file.dataTransfer.items) {

        if (file.dataTransfer.items[0].kind === 'file') {

            var files = file.dataTransfer.files||e.target.files;
            var type = files[0].type;

            if (type == "image") {

                var imgdata = new FileReader();
                imgdata.readAsDataURL(files[0]);

                img.src = imgdata.result;
                console.log(imgdata.result);

            } else { (alert('File is not image' + file.type));}
        }
    } else {imgdrop.val = file.dataTransfer.file;}
};

我该怎么做？任何帮助将不胜感激。