FilePond принимает только файлы в формате pdf

Я использую FilePond (React) для загрузки файлов. Мне нужны только файлы в формате pdf. Я установил подключаемый модуль проверки типов файлов с помощью команды npm: npm i filepond-plugin-file-validate-type --save, а затем команды сборки npm run-script. Я тестировал, и он загружает всевозможные файлы.

Это мой код:

import {registerPlugin} from 'react-filepond'
// Import the plugin code
import FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type';
// Register the plugin
registerPlugin(FilePondPluginFileValidateType);


 <FilePond
                        accepted-file-types={"application/pdf"}
                        server={{
                            process: async (fieldName, file, metadata, load, error, progress, abort) => {
                                await processFile(fieldName, file, metadata, load, error, progress, abort, setFileName);
                            }
                        }}
                        //server={{process: Config.pdfServer}}
                        //ref={ref => this.pond=ref} // To call instance methods
                        oninit={() => handleInit()}
                        // nom du fichier c'est file.name
                        // callback onupdatefiles- a file has been added or removed, receives a list of file items
                        onupdatefiles={(fileItems) => {
                            // Set current file objects to this.state
                            // boucler sur un tableau
                            setFile(fileItems.map(fileItem => fileItem.file));
                            //     console.log(fileItem.getFileEncodeBase64String());
                        }}
                        allowFileEncode={true}
                        allowMultiple={false}
                        instantUpload={true}
                        onprocessfile={(error, file) => {
                            console.log('PROCESSED', file, 'SERVER_ID', file.serverId);
                            //    console.log('ERROR PROCESSED', error);
                        }}
                        // callback tiré de la documentation FilePond - if no error, file has been succesfully loaded
                        onaddfile={(error, file) => {
                            console.log('PROCESSED', file, 'SERVER_ID', file.serverId);
                            //   console.log('ERROR PROCESSED', error);
                        }}
                    />

Большое тебе спасибо.

Изменить: с accept-file-types = {['application / pdf']} он не работает ...


person ana maria    schedule 08.06.2020    source источник


Ответы (1)


Вы можете попробовать accepted-file-types={['application/pdf']}, в документации описано, что для свойства «принятые-типы-файлов» должен быть указан массив.

https://pqina.nl/filepond/docs/patterns/plugins/file-validate-type/

изменить:

вы должны использовать CamelCase для свойства. Так что правильная настройка может быть acceptedFileTypes={["application/pdf"]}

person manoi    schedule 08.06.2020
comment
Большое спасибо за ваш ответ. Я видел документацию. Сначала я выполнил accept-file-types = {['application / pdf']} выполнил команду сборки npm run-script. У меня тот же результат, что и все типы файлов. Не понимаю, почему это так странно ... - person ana maria; 08.06.2020
comment
пожалуйста отредактированный комментарий. Я думаю, что если вы установите свойство как CamelCase, оно должно работать - person manoi; 17.06.2020