try formidable

Author: GrosSacASac

.gitignore

@@ -71,3 +71,4 @@ general/html-streaming/last-of-type-test.html
 general/html-streaming/so.txt
 js/network/socketiyo/examples/built/exampleServerReady.js
 js/network/socketiyo/examples/upload
+js/network/forms/upload/

js/network/forms/form.html

@@ -10,9 +10,19 @@
             <input id="name" name="name">
         </label>
         <label for="file"> file
-            <input id="file" name="file" type="file">
+            <input id="file" name="file" type="file" multiple>
         </label>
         <button>Submit</button>
     </form>
+
+    <form action="./submitFormidable" method="POST" enctype="multipart/form-data">
+        <label> name
+            <input name="name">
+        </label>
+        <label> file
+            <input name="file" type="file" multiple>
+        </label>
+        <button>Submit Formidable</button>
+    </form>
 </body>
 </html>

js/network/forms/formHandler.mjs

@@ -1,15 +1,21 @@
 // draft
 import http from "http";
+import formidable from "formidable";
 import fs from "fs";
+import url from "url";
+import path from "path";
+const __filename = url.fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 
 const PORT = 8000;
-const staticsPath = `./`;
+const upload = `upload`
+const staticsPath = `/`;
 const FORM_URLENCODED = `application/x-www-form-urlencoded`;
 const FORM_BYTES = `multipart/form-data`;
 
 const staticResponses = {
     [`/form.html`]: {
-        [`file`]: `${staticsPath}/form.html`,
+        [`file`]: `${__dirname}${staticsPath}form.html`,
         [`Content-Type`]: `text/html`
     },
 };
@@ -54,7 +60,24 @@ const server = http.createServer((request, response) => {
       handleSubmit(request, response);
       return;
   }
-    console.log(request.url);
+  if (request.method === `POST` && request.url === `/submitFormidable`) {
+      console.log(`make sure to create ${__dirname}/${upload} before`)
+    const form = formidable({ 
+        multiples: true,
+        uploadDir: `${__dirname}/${upload}`,
+        keepExtensions: true,
+        maxFileSize: 10**6,
+        maxFields: 0, // 0 makes it infinite,
+        maxFieldsSize: 10 ** 6
+    });
+
+    form.parse(request, (err, fields, files) => {
+        response.writeHead(200, { 'content-type': 'text/plain' });
+        response.end(JSON.stringify({ fields, files }, null, 2));
+    });
+    return;
+  }
+  console.log(request.url);
   response.setHeader(`Content-Type`, `text/plain`);
   response.writeHead(405);
   response.end(`Only use GET please`);

js/network/forms/package-lock.json

@@ -0,0 +1,12 @@
+{
+  "name": "forms",
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "form": "node formHandler.mjs"
+  },
+  "private": true,
+  "dependencies": {
+    "formidable": "github:node-formidable/formidable"
+  }
+}