Added project files from How to Upload Files to a Node.js Server

Author: VLabStudio

How to Upload Files to a Node.js Server/back-end/app.js

@@ -0,0 +1,87 @@
+// Import dependencies
+const fs = require("fs");
+const YAML = require("js-yaml");
+const express = require("express");
+const multer = require("multer");
+
+// Setup express
+const app = express();
+const port = 3000;
+
+// Setup Storage
+const storage = multer.diskStorage({
+    destination: function (req, file, cb) {
+        // Set the destination where the files should be stored on disk
+        cb(null, "uploads");
+    },
+    filename: function (req, file, cb) {
+        // Set the file name on the file in the uploads folder
+        cb(null, file.fieldname + "-" + Date.now());
+    },
+    fileFilter: function (req, file, cb) {
+
+        if (file.mimetype !== "text/yaml" || file.mimetype !== "text/x-yaml" || file.mimetype !== "application/x-yaml") {
+            // To reject a file pass `false` or pass an error
+            cb(new Error(`Forbidden file type`));
+        } else {
+            // To accept the file pass `true`
+            cb(null, true);
+        }
+
+    }
+});
+
+// Setup multer
+const upload = multer({ storage: storage }); // { destination: "uploads/"}
+
+// Setup the upload route
+app.post("/upload", upload.single("data"), (req, res) => {
+
+    if (req.file) {
+
+        // Get YAML or throw exception on error
+        try {
+
+            // Load the YAML
+            const raw = fs.readFileSync(`uploads/${req.file.filename}`);
+            const data = YAML.safeLoad(raw);
+
+            // Show the YAML
+            console.log(data);
+
+            // Delete the file after we're done using it
+            fs.unlinkSync(`uploads/${req.file.filename}`);
+
+        } catch (ex) {
+
+            // Show error
+            console.log(ex);
+
+            // Send response
+            res.status(500).send({
+                ok: false,
+                error: "Something went wrong on the server"
+            });
+            
+        }
+
+        // Send response
+        res.status(200).send({
+            ok: true,
+            error: "File uploaded"
+        });
+
+    } else {
+
+        // Send response
+        res.status(400).send({
+            ok: false,
+            error: "Please upload a file"
+        });
+
+    }
+
+})
+
+// Start the server
+app.listen(port, () => console.log(`YAML file uploader listening at http://localhost:${port}`));

How to Upload Files to a Node.js Server/back-end/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "back-end",
+  "version": "1.0.0",
+  "description": "",
+  "main": "app.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "express": "^4.17.1",
+    "js-yaml": "^3.13.1",
+    "multer": "^1.4.2"
+  }
+}

How to Upload Files to a Node.js Server/data.yaml

@@ -0,0 +1,13 @@
+date: 2019-08-07T00:00:00.000Z
+customer:
+  first_name: Dorothy
+  family_name: Gale
+items:
+  - name: Water Bottle
+    description: Water Bottle (Filled)
+    price: 1.47
+    quantity: 4
+  - name: Knife and fork set
+    description: Knife and fork set in stainless steel
+    price: 133.7
+    quantity: 1

How to Upload Files to a Node.js Server/front-end/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>YAML File Uploader</title>
+  </head>
+  <body>
+    <!-- https://code.tutsplus.com/tutorials/file-upload-with-multer-in-node--cms-32088 -->
+    <form action="http://localhost:3000/upload" enctype="multipart/form-data" method="POST">
+      <input type="file" name="data" />
+      <input type="submit" value="Upload a file" />
+    </form>
+  </body>
+</html>