Dropzone.js获取预览图像

时间:2016-09-02 18:30:23

标签: javascript dropzone.js

我试图获取在Dropzone中排队的真实图像并显示预览,但我能得到的唯一图像是缩略图之一,有没有办法获得真实图像?< / p>

这是我的代码:

 var uploadDrop = new Dropzone("#my-awesome-dropzone", {
       acceptedFiles: "image/png",
       url: "${g.createLink(controller:'perfil',action: 'saveFile')}",
        maxFiles: 1, // Number of files at a time
        maxFilesize: 1, //in MB
        autoProcessQueue: false,
        maxfilesexceeded: function(file){
            alert('You have uploaded more than 1 Image. Only the first file will be uploaded!');
        },
        init: function(){
            this.on("addedfile", function() {
                if (this.files[1]!=null){
                    this.removeFile(this.files[0]);
                }

            });
        },
          thumbnail: function(file, dataUrl) {
            // Display the image in your file.previewElement
            $(file.previewElement).removeClass("dz-file-preview").addClass("dz-image-preview");
            $(file.previewElement).find(".dz-image img").attr("src",dataUrl);
            $("#preview").attr("src",dataUrl);
          },
        success: function (response) {
            var x = JSON.parse(response.xhr.responseText);
            var message=x.data.message;
           if (message.pass) {
               originalLogoName=x.data.data.logoName
                      pasoPorSubida=true;
               simpleMessage(message.title, message.body, "success");
            this.removeAllFiles(); // This removes all files after upload to reset dropzone for next upload
           } else {
               simpleMessage(message.title, message.body, "error");
           }
        },
        addRemoveLinks: true,
        removedfile: function(file) {
            var _ref; // Remove file on clicking the 'Remove file' button
            if(!success){
                $("#preview").attr("src",originalLogoUrl+"/"+originalLogoName);
            }else{
                success=false;
            }
            return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) : void 0;
        }
    });

0 个答案:

没有答案