make it handle multiple files at once

knzai · Aug 10, 2024 · 8b819a9 · 8b819a9
1 parent 48d6c06
commit 8b819a9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/webc/file-byte-reader.js b/src/webc/file-byte-reader.js
@@ -18,9 +18,11 @@ class FileByteReader extends HTMLInputElement {
 
   onChange() {
     if (this.files.length == 0) { return }
-    const fileReader = new FileReader();
-    fileReader.addEventListener('loadend', e => this.onFileLoad(e));
-    fileReader.readAsArrayBuffer(this.files[0]);
+    Array.from(this.files).forEach(file => {
+      const fileReader = new FileReader();
+      fileReader.addEventListener('loadend', e => this.onFileLoad(e));
+      fileReader.readAsArrayBuffer(file);
+    });
   }
 }
 customElements.define("file-byte-reader", FileByteReader, { extends: 'input'});
diff --git a/src/webc/index.html b/src/webc/index.html
@@ -48,7 +48,7 @@
 </head>
 <body>
    <h1>Process your CGA/EGAs</h1>
-   <input is="file-byte-reader" id="file-input" multiple="false" type="file" accept=".bin,.cga,.ega,.cega" />
+   <input is="file-byte-reader" id="file-input" multiple="true" type="file" accept=".bin,.cga,.ega,.cega" />
    <preview-wrapper></preview-wrapper>
 </body>
 </html>