Question

我一直试图使用ajax拖放图片字段上传到服务器。我已经浏览了一些Jquery插件，我发现Dropper插件可以提供帮助。我试过这样。

HTML

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

JS

 $(".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});
    }

但是我没能在滴管上预览掉落的图像。 jsfiddle demo

Answer 1

@tvshajeer我已经制作了一个图像预览功能，支持gecko和amp;如果没有webkit浏览器，那么它会向您发送错误消息。

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

查看我对小提琴的回答： http://jsfiddle.net/v8pqsczz/1/

在dropper插件jquery中删除了图像预览

1 个答案: