动态附加Dropzone图像上载字段

时间:2017-08-15 17:03:19

标签: javascript jquery ajax dropzone.js

在我的应用程序中,我使用jquery append动态添加了图片上传字段 所以我使用dropzone js并且它在附加时不起作用,因为它没有在文档加载中初始化。

那我怎么能动态加载

$(add_button).click(function(e){
            $(wrapper).append(
                '<div class="dropzone small-dropzone feedDropZone">' +
                '<div class="dz-message" data-dz-message><p>Drop image or click to select</p></div></div>');
        }
   });

Dropzone代码

$('#add').on('click', '.feedDropZone', function(){
        // do something here
    Dropzone.autoDiscover = false;

    var minImageWidth = 800, minImageHeight = 600;
        $(this).dropzone({
            url: base_url + "admin/feed/upload",
            maxFiles: 1, 
            maxFilesize: 5,
            acceptedFiles: ".jpeg,.jpg",
            addRemoveLinks: true,
            maxfilesexceeded: function (file) {
            },
            createImageThumbnails: true,
            success: function (file, response) {
                imgObject = JSON.parse(response);
            },
            error: function (file, response) {
            },
            init: function () {
                this.on("thumbnail", function (file) {
                    if (file.width < minImageWidth || file.height < minImageHeight) {
                        file.rejectDimensions();
                    }else if(file.size/(1024*1024) > 5){
                        file.rejectFilesize();
                    }
                    else {
                        file.acceptDimensions();
                    }
                });
            }
       });  
});

我收到以下错误:

Error: No URL provided.
throw new Error("No URL provided.");

0 个答案:

没有答案