Further Fixes

src/main/resources/static/js/downloader.js

@@ -154,11 +154,22 @@ async function submitMultiPdfForm(url, files) {
 	if (zipFiles) {
 		jszip = new JSZip();
 	}
-
+	
+	
+	// Get the form with the method attribute set to POST
+	let postForm = document.querySelector('form[method="POST"]');
+	
 	// Get existing form data
-	let formData = new FormData($('form')[0]);
+	let formData;
+	if (postForm) {
+	    formData = new FormData($(postForm)[0]);  // Convert the form to a jQuery object and get the raw DOM element
+	} else {
+	    console.log("No form with POST method found.");
+	}
+	//Remove file to reuse parameters for other runs
 	formData.delete('fileInput');
 
+
 	const CONCURRENCY_LIMIT = 8;
 	const chunks = [];
 	for (let i = 0; i < Array.from(files).length; i += CONCURRENCY_LIMIT) {
@@ -169,10 +180,11 @@ async function submitMultiPdfForm(url, files) {
 		const promises = chunk.map(async file => {
 			let fileFormData = new FormData();
 			fileFormData.append('fileInput', file);
-
+			console.log(fileFormData); 
 			// Add other form data
 			for (let pair of formData.entries()) {
 				fileFormData.append(pair[0], pair[1]);
+				console.log(pair[0]+ ', ' + pair[1]); 
 			}
 
 			try {

src/main/resources/templates/convert/img-to-pdf.html

@@ -31,7 +31,7 @@
                             </div>
                             <div class="form-group">
                                 <label th:text="#{pdfToImage.colorType}"></label> 
-                                <select class="form-control" name="colorType">
+                                <select class="form-control" id="colorType" name="colorType">
                                     <option value="color" th:text="#{pdfToImage.color}"></option>
                                     <option value="greyscale" th:text="#{pdfToImage.grey}"></option>
                                     <option value="blackwhite" th:text="#{pdfToImage.blackwhite}"></option>