关于INIT方法的Dropzone geting previewTemplate

时间:2015-11-12 12:19:33

标签: javascript ajax image dropzone.js

我有一些问题; [ 我的dropzone init:

<script>
      $(function(){

        Dropzone.autoDiscover = false;

        $('div#dropZone').dropzone({
          maxFiles: 10,

          url: "<?=Url::to(['upload'])?>",

          init: function() {
            var thisDropzone = this;

            $.getJSON('img-list', function(data) {
              $.each(data, function(index, val) {
                var mockFile = { imgID: val.imgID, name: val.filename, size: val.size };
                thisDropzone.emit("addedfile", mockFile);
                thisDropzone.emit("thumbnail", mockFile, "/uploads/" + val.filename);
//                $(thisDropzone.previewTemplate).append('<span class="server_file">111</span>');

              });
            });

            this.on('success', function(file, json) {
              if(JSON.parse(json).success)
              {
                $.notify('Файл '+ file.name + ' загружен', "success");
              }

              $(file.previewTemplate).append('<span class="server_file">'+JSON.parse(json).fileID+'</span>');

            });

            this.on('removedfile', function(file) {

              $.ajax({
                type: 'POST',
                url : '<?=Url::to(['del-img'])?>',
                data: {
                  fileID: $(file.previewTemplate).children('.server_file').text(),
                  _csrf: $('meta[name="csrf-token"]').attr("content")
                },
                dataType: 'html',
                success: function(res) {
                  $.notify("Удалено", "success");
                }
              });
            });
          }
        });

      });
    </script>

成功事件中,在每个 previewTemplate 中附加图像ID (用于删除服务器上的文件,请访问ajax)。

我尝试添加存在缩略图(getJSON构造。方法INIT())。但是我无法删除添加的缩略图; [

enter image description here

我必须放置 imgID 属性?

0 个答案:

没有答案