Basic multiple files

index.html

@@ -57,7 +57,8 @@
           <input type="number" id="nuclei_threshold" name="nuclei_threshold" value="4" step="0.01"><br><br>
         </div>
       </form>
-      <input type="file" id="imageUpload" accept="image/*" />
+      <input type="number" id="fileNumber" value="0" step="1"/>
+      <input type="file" id="imageUpload" accept="image/*" multiple="true"/>
       <button id="reanalyse" style="display: none">Reanalyse with current parameters</button>
     </div>
       <button id="downloadZip" style="display: none;">Download Zip</button>
@@ -162,7 +163,8 @@
           attempts++;
         }
         if (imageUpload.files.length > 0) {
-          const file = imageUpload.files[0];
+          let fileNumber = document.querySelector("#fileNumber");
+          const file = imageUpload.files[fileNumber.value];
           const reader = new FileReader();
           reader.onload = async (e) => {
             const data = new Uint8Array(e.target.result);