Fine-Uploader - «конкретный» для каждого элемента перетаскивания

Question

Работа с Fine Uploader в течение последних 2 недель, из документации видно, что существует опция «проверки» для опции «extraButtons» для Fine Uploader. Это здорово, поскольку я могу ограничить некоторые кнопки, чтобы разрешить только определенные расширения.

Тем не менее, мне было интересно, существует ли проверка для опции «dragAndDrop.extraDropzones».

Я не вижу этого в документации, и я попытался сделать несколько вещей, которые, как я думал, могут произойти случайно, но не удача наконец.

Ваша помощь очень признательна.

Спасибо!

Приветствия, Томас

Update

Просто, чтобы вы видите, что я был до сих пор, вот код, который я до сих пор: http://jsfiddle.net/beamstyle_thomas/fyp5dqwt/5/

Я m, разрешая только файлам JPG для нажатия на кнопки:

extraButtons: [ 
{ 
    element: $('.file-trigger')[0], 
    validation: { 
     allowedExtensions: ["jpg"] 
    } 
}, 

Но я не знаю, как ограничить лобовое сопротивление и капли ... это то, что у меня есть:

dragAndDrop: { 
    extraDropzones: [ $('.file-trigger') ] 
}, 

Несколько примечаний здесь для тестирования: - Попробуйте нажать на кнопку «Test 1», выберите файл без jpg. Это приведет к ошибке проверки, потому что я разрешаю только файлы «jpg». - Затем попробуйте перетащить файл non-jpg (предположим, что вы используете Chrome) в «Тест 1». На самом деле это произойдет, потому что в настоящее время нет подтверждения.

Спасибо!

Answer 1

Хотя другие предложения были ценны, этот ответ от RayNicholus был правильным. Это было под комментарием, поэтому я отправляю этот ответ здесь.

Вы можете проверить qqDropTarget в объекте File в обработчике onSubmit и отклонить (вернуть false), если файл недействителен для этой конкретной зоны выпадения.

Answer 2

После краткого обзора проблема заключается в том, где вы объявляете свою проверку.

Например:

extraButtons: [ 
{ 
    element: $('.file-trigger')[0], 
    validation: { 
     allowedExtensions: ["jpg"] 
    } 
}, 

говорит: «всякий раз, когда дополнительная кнопка нажата, и только тогда, когда дополнительная кнопка нажата, подтвердите, что расширение в порядке.»

Вместо определения проверки для каждой кнопки, определить его на базовом уровне:

$(document).ready(function() {   
     $("#fine-uploader").fineUploaderS3({ 
      validation: { 
       allowedExtensions: ["jpg"] 
      }, 
      ... 
     }); 
    }); 

Here is the your fiddle with it included