штраф проверки достоверности загрузки

Question

Я используюFine Upload-Plugin.

Я хочу загрузить .docx-файлы в свое приложение ... только .docx-файлы.

Конечно, это легко обращаться с запросом, как

if (extension == "docx") 
upload something 

Но я видел поле, в котором можно указать тип данных, как «Все типы» или «Все изображения».

Где я могу добавить/обработать эту проверку?

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

HTML-код:

<div id="manual-fine-uploader"></div> 
    <div id="triggerUpload" class="btn btn-primary" style="margin-top: 10px;display:none"> 
    <i class="icon-upload icon-white"></i> Datei einfügen 
</div> 
<div id="uploadNewFile"></div> 

JS-код

$("#uploadNewFile").fineUploader({ 
    element: document.getElementById('manual-fine-uploader'), 
    request: { 
     endpoint: 'Upload.aspx' 
    }, 
    autoUpload: true, 
    //Part, that may be important 
    ///MEME-Type: docx 
    acceptFiles: "application/vnd.openxmlformats-officedocument.wordprocessingml.document", 
    allowedExtensions: ["docx"], 
    //Endpart 
    maxConnections: 1, 
    multiple: false, 
    chunking: { 
     enabled: true 
    }, 
    resume: { 
     enabled: true 
    }, 
    text: { 
     uploadButton: 'Datei hochladen' 
    } 
}); 

EDIT:

Может быть, вопрос не достаточно ясно:

Мне нужен специальный фильтр в диалоговом окне select-file.

Как и стандартные «изображения только» или «все виды» и т.д ..

Как добавить такого рода фильтра?

Here you see the select

Answer 1

Ваш allowedExtensions и acceptFiles варианты не в правильном месте. Ваш код должен выглядеть следующим образом:

$("#uploadNewFile").fineUploader({ 
    element: document.getElementById('manual-fine-uploader'), 
    request: { 
     endpoint: 'Upload.aspx' 
    }, 
    validation: { 
     acceptFiles: "application/vnd.openxmlformats-officedocument.wordprocessingml.document", 
     allowedExtensions: ["docx"] 
    }, 
    maxConnections: 1, 
    multiple: false, 
    chunking: { 
     enabled: true 
    }, 
    resume: { 
     enabled: true 
    }, 
    text: { 
     uploadButton: 'Datei hochladen' 
    } 
}); 

Пожалуйста, смотрите validation option in the documentation для получения более подробной информации, наряду с validation feature page.

Кроме того, если вы используете Fine Uploader 4.x, опция text.uploadButton была удалена как часть редизайна шаблонов. В 4.x и новее вы можете указать имя кнопки, среди прочего, в шаблоне, который вы объявляете в своей разметке.

Наконец, я удалил опцию autoUpload из вашей конфигурации, поскольку вы устанавливали ее по умолчанию. Не нужно объявлять об этом в этом случае.