Jquery, AJAX - przesłanie obrazka wraz z dwoma polami jako tekst

Question

Witam,

jest ktoś w stanie wytłumaczyć, w jaki sposób przesłać dwie zmienne z tekstem, oraz obrazek przez AJAX? Próbuję na różne sposoby i nic.

Kod:

	$(document).ready(function() {
		let title,content,thumbnail;
		$('#addNewPost').on('click', function() {
			title = $('#title').val();
			content =  $('#content').val();

			thumbnail = $('#thumbnail')[0].files;
			var formData = new FormData();
			formData.append('file',thumbnail);
			
			
			$.ajax({
				url: '../php/addNewPost.php',
				method: 'POST',
				dataType: 'text',
				processData: false,
				contentType: false,
				data: {
					title: title,
					content: content,
					thumbnail: formData
					},
			});
	
		});	
	});	

Chciałbym w prosty sposób przesłać te dane do funkcji PHP, ale:

1) po usunięciu

				processData: false,
				contentType: false,

Wyświetla się błąd: Uncaught TypeError: Illegal invocation ,

2) przed usunięciem, zmienne te są "nieznane":

Undefined index: title

itp...

W efekcie końcowym, tak jak wspomniałem na początku, chciałbym przesłać dwie zmienne z tekstem, oraz JEDEN obrazek.