FineUploader загружать один и тот же файл несколько раз одновременно

Question

сказать, что я хочу, чтобы загрузить несколько файлов сразу, что-то я могу сделать при установке несколько опции верно:

var myUploader = new qq.FineUploader({ 
    element: $('#test')[0], 
    multiple: true, 
    request: { endpoint: 'path/to/master/server/php/' }, 
    autoUpload: false, 
}); 

Теперь, скажем, я есть кнопка, которая позволит мне выбрать файлы, которые я хочу загрузить. Если я нажму на эту кнопку и выберем, скажем, файл test.txt, файл test.txt будет добавлен в список файлов, которые будут загружены. Все идет нормально. Теперь проблема заключается в том, что если я снова нажму кнопку и снова выберу файл test.txt, он будет добавлен в список, хотя он уже находится в списке.

Есть ли способ предотвратить использование FineUploader для этого?

Заранее спасибо

Answer 1

я был бы осторожен объявить файл дубликат просто на основе имени. По крайней мере, вы должны учитывать размер. Хотя это невозможно в IE9 и старше, поскольку мы не можем определить размер файла на стороне клиента в этих браузерах. Просто для простоты, давайте использовать имя файла исключительно ...

Один из способов - поддерживать массив имен файлов, переданных загрузчику. Вы можете добавить этот список в свой обработчик onSubmitted. Вы можете внести свой вклад в обработчик onValidate, который отклонит файл, если он уже существует в массиве. Ваш код будет выглядеть примерно так:

var filenames = []; 
var myUploader = new qq.FineUploader({ 
    element: $('#test')[0], 
    multiple: true, 
    request: { endpoint: 'path/to/master/server/php/' }, 
    autoUpload: false, 
    callbacks: { 
     onSubmitted: function(id, name) { 
      filenames.push(name); 
     }, 
     onValidate: function(fileData) { 
      return qq.indexOf(filenames, fileData.name) < 0; 
     } 
    } 
}); 

Кроме того, только для пинков, почему бы не просто использовать JQuery Fine добавивший его плагин, так как вы, кажется, уже с помощью JQuery в вашем проекте? Вышеприведенный пример переписан с использованием подключаемого модуля jQuery ниже:

var filenames = []; 
$('#test').fineUploader({ 
    multiple: true, 
    request: { endpoint: 'path/to/master/server/php/' }, 
    autoUpload: false 
}) 
    .on("submitted", function(event, id, name) { 
     filenames.push(name);  
    }) 
    .on("validate", function(event, fileData) { 
     return $.inArray(fileData.name, filenames) < 0; 
    });