标签: jquery-filer

我正在使用这个包,我对它进行了一些修改,以便我可以上传,拖动和排序图像并在浏览器中预览它们.上传工作正常,并删除图像.但是我发现脚本中断的情况.当我有多个图像并删除第一个图像时,在尝试上传我删除的相同图像时,脚本将不再起作用.但是,如果我不尝试立即上传相同的图像并首先上传其他图像然后删除已删除的图像,那么它可以正常工作.另外,我在控制台中没有出现任何错误.我不知道如何解决这个问题.

我的完整代码就在这里.

这是代码的一部分:

$(document).ready(function() {

  var imageCounter = 0;

  $('#articleForm').submit(function() {
    uploadPosition();
  });

  function uploadPosition() {
    var uploadedImagesPositions = [];
    $.each($('.jFiler-item-thumb-image'), function( index, value ) {
      $(this).attr('data-position-index', index);
      uploadedImagesPositions[index] = $(this).find('img').attr('src');
    });

    if (! $('input[name="uploadedItems"]').length) {
      $('<input>', {
        type: "hidden",
        name: "uploadedItems"
      }).appendTo('#articleForm')
    }
    $('input[name="uploadedItems"]').val(JSON.stringify(uploadedImagesPositions));
    $("input[name^='jfiler-items-exclude-']:hidden").detach();
    console.log(uploadedImagesPositions);
  }

   $('#upload').filer({
            limit: null,
            maxSize: null,
            extensions: null,
            changeInput: '<div class="jFiler-input-dragDrop"><h1>+</h1></div>',
            showThumbs: true,
            appendTo: '.uploaded_items',
            theme: "default",
            templates: {
                box: '<div class="jFiler-item-list"></div>',
                item: '<div class="jFiler-item img-container dragdiv"></div>',
                itemAppend: '<div …