Javascript dropper插件jquery中删除的图像预览

我一直在尝试创建一个拖放图像字段，以便使用ajax上传到服务器。我已经浏览了一些Jquery插件，我发现Dropper插件可以帮上忙

HTML

 <div class="target"></div>
    <img>

但我没能在滴管上预览掉下来的图像。

---

@tvshajeer我制作了一个图像预览功能，它支持gecko和webkit浏览器，如果不支持，它会向您发送错误消息

 $(".target").dropper({
        action: "upload.php",

    }).on("start.dropper", onStart);
    function onStart(e, files){
    console.log(files);
        $('.dropper-dropzone').css("background-color", "yellow");

        $('img').attr({src:files[0].name});
    }

看看我在小提琴上的答案：

---

你能链接你正在使用的插件吗？尽管将图像附加到目标div中可能就足够了，但是为了正确地帮助您，这方面的一个小提琴将是令人惊讶的它不会从pc读取文件。当然不会，console.log（文件）不会返回任何内容。文档似乎很差，我希望直接在github中了解这件事的工作原理。我认为上传完成后，您可以获得文件[0]，因此您应该尝试听“fileComplete.dropper”，而不是“start.dropper”.我需要在滴管区域显示图像哦，对不起，伙计，我有点困惑，请稍等片刻，我会再试一次。可能吗

 image_preview(files[0].file).then(function(res){
        $('img').attr({src:res.data});
        });