Added project files from How to Make your own File Hosting Site

Author: VLabStudio

How to Make your own File Hosting Site/app.js

@@ -0,0 +1,86 @@
+// Import dependencies
+const fs = require("fs");
+const express = require("express");
+const multer = require("multer");
+
+const auth = require('./auth')
+const serveIndex = require("serve-index");
+
+// Setup express
+const app = express();
+const port = 3000;
+
+// Setup auth
+app.use(auth);
+
+// Setup Storage
+const storage = multer.diskStorage({
+    destination: function (req, file, cb) {
+
+        // Create the user folder if it doesn't already exist
+        if (!fs.existsSync(`uploads/${req.res.user.name}`))
+            fs.mkdirSync(`uploads/${req.res.user.name}`);
+
+        // Set the destination where the files should be stored on disk
+        cb(null, `uploads/${req.res.user.name}`);
+
+    },
+    filename: function (req, file, cb) {
+
+        // Set the file name on the file in the uploads folder
+        cb(null, file.originalname);
+
+    },
+    fileFilter: function (req, file, cb) {
+
+        // Example of blocking different mine types
+
+        // 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);
+        // }
+        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) {
+
+        // Redirect to the files folder
+        res.redirect('/files');
+
+    } else {
+
+        // Send response
+        res.status(400).send({
+            ok: false,
+            error: "Please upload a file"
+        });
+
+    }
+
+});
+
+// Setup the get files route
+app.use("/", express.static("public"));
+
+// Setup the get files route
+app.use("/files", (req, res, next) => {
+    express.static(`${__dirname}/uploads/${res.user.name}`)(req, res, next);
+});
+
+app.use("/files", (req, res, next) => {
+    serveIndex(`${__dirname}/uploads/${res.user.name}`, { "icons": true })(req, res, next);
+});
+
+// Start the server
+app.listen(port, () => console.log(`File uploader listening at http://localhost:${port}`));

How to Make your own File Hosting Site/auth.js

@@ -0,0 +1,16 @@
+// Import dependencies
+const auth = require("basic-auth")
+
+// The users
+const users = [{ name: "a", password: "123" }, { name: "b", password: "123" }];
+
+module.exports = function (request, response, next) {
+  var user = auth(request);
+  if (!user || users.find(u => u.name === user.name).password !== user.pass) {
+    response.set("WWW-Authenticate", `Basic realm="example"`);
+    return response.status(401).send();
+  } else {
+    response.user = users.find(u => u.name === user.name);
+  }
+  return next();
+}

How to Make your own File Hosting Site/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "file-hosting-site",
+  "version": "1.0.0",
+  "description": "",
+  "main": "app.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "basic-auth": "^2.0.1",
+    "express": "^4.17.1",
+    "multer": "^1.4.2",
+    "serve-index": "^1.9.1"
+  }
+}

How to Make your own File Hosting Site/public/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>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>