jQuery .getFiles is not a function

Bare with me… I’m very new at this. I have the following code in jQuery and am trying to get the list of files using getFiles() method.

	FilePond.registerPlugin(
		FilePondPluginImagePreview,
		FilePondPluginImageExifOrientation,
		FilePondPluginFileValidateSize,
		FilePondPluginFileValidateType
	);

	$('.filePond').filepond({
		acceptedFileTypes: ['image/jpeg', 'video/mp4'],
		fileValidateTypeLabelExpectedTypesMap: { 'image/jpeg': '.jpg', 'video/mp4': '.mp4' },
		allowFileTypeValidation: true,
		instantUpload: true,
		labelIdle: 'Drag & Drop your pictures & video or <span class="filepond--label-action">Browse</span>',
		maxFileSize: '100MB',
		maxTotalFileSize: '100MB',
		server: {
			url: '/includes/ajax.asp',
			process: {
				url: '?Action=ProcessUpload',
				onload: test
			},
			fetch: null,
			revert: null
		}
	});

	function test() {
		console.log( FilePond.getFiles() );
	}

SUMMARY After successfully processing a file the test() function executes and errors out with Uncaught TypeError: FilePond.getFiles is not a function

I have also tried using $(‘.filePond’).filepond().getFiles() which also errors out.

EXPECTED BEHAVIOR I would like to get a list of all the files processed.

Environment	Version
OS	Windows 10
Device	Desktop
Browser	Chrome 72.0.3626.119

[Racquetballer]

After some more testing I was able to figure it out.

function test() {
	var files = $('.filePond').filepond('getFiles');
	$(files).each(function (index) {
		console.log(files[index].fileExtension);
	});

}

If there is an easier way to do this let me know. Thanks for creating this excellent plugin!

[rikschennink]

@vovkandrew FilePond enhances the existing file input, so until the script loads, the original input will remain visible. Either load FilePond faster, or hide the original input until FilePond loads.

Will close the issue as the original question was resolved some time ago : )