kevinchisholm · March 4, 2018 16:31
diff --git a/__node-file-uploads-multer.md b/__node-file-uploads-multer.md
diff --git a/index.html b/index.html
 <!DOCTYPE html> 
  <html> 
  <head> 
      <meta charset="utf-8"> 
      <title>Node File Uploads with Multer - Example</title>
      <link rel="stylesheet" href="style.css">   
  </head>   
  <body>
      <article>
          <h1>Upload an image file</h1>
          <form method="post" enctype="multipart/form-data">
              <input type="file" name="img" />
              <button type="submit">Submit</button
          </form>
      </article>
  </body> 
 </html>
diff --git a/index.js b/index.js
 var serverPort = 3000,
    express = require('express'),
    multer = require('multer'),
    upload = multer({dest: 'uploads/'}),
    app = express();

 //set the static folder
 app.use(express.static('static'));

 //add a handler for the POST / route
 app.post('/', upload.single('img'), (req, res) => {
    //for demonstration purposes only:
    console.log(req.file);

    //send a response to the client
    res.send('<h2>File upload succeeded.</h2><a href="/">Upload another file<a>');
 });

 //start the web server
 app.listen(serverPort, () => {
    console.log('server running on http://localhost:' + serverPort);
 });
diff --git a/index2.js b/index2.js
 var serverPort = 3000,
    express = require('express'),
    multer = require('multer'),
    upload = null,
    storage = null,
    app = express();

 //overwrite the storage variable
 storage = multer.diskStorage({
    destination: (req, file, cb) => {
        cb(null, 'uploads/');
    },
    filename: (req, file, cb) => {
        //call the callback, passing it the original file name
        cb(null, file.originalname);
    }
 });

 //overwrite the upload variable
 upload = multer({storage});

 //set the static folder
 app.use(express.static('static'));

 //add a handler for the POST / route
 app.post('/', upload.single('img'), (req, res) => {
    //for demonstration purposes only:
    console.log(req.file);

    //send a response to the client
    res.send('<h2>File upload succeeded.</h2><a href="/">Upload another file<a>');
 });

 //start the web server
 app.listen(serverPort, () => {
    console.log('server running on http://localhost:' + serverPort);
 });
diff --git a/index3.js b/index3.js
 var serverPort = 3000,
    express = require('express'),
    multer = require('multer'),
    upload = null,
    storage = null,
    app = express();

 //overwrite the storage variable
 storage = multer.diskStorage({
    destination: (req, file, cb) => {
        cb(null, 'uploads/');
    },
    filename: (req, file, cb) => {
        //regular expressions to break apart
        //the original file name and extension
        var regExFileName = /([\w\d_-]*)\.?[^\\\/]*$/i,
            regExFileNameExtension =/\.[0-9a-z]{1,5}$/i,
            fileNameBase = file.originalname.match(regExFileName)[1],
            fileNameExtension = file.originalname.match(regExFileNameExtension)[0],
            //build a dynamic file name using Date.now()
            fileName = fileNameBase + '_' + Date.now() + fileNameExtension;

        //call the callback, passing it the dynamic file name
        cb(null, fileName);
    }
 });

 //overwrite the upload variable
 upload = multer({storage});

 //set the static folder
 app.use(express.static('static'));

 //add a handler for the POST / route
 app.post('/', upload.single('img'), (req, res) => {
    //for demonstration purposes only:
    console.log(req.file);

    //send a response to the client
    res.send('<h2>File upload succeeded.</h2><a href="/">Upload another file<a>');
 });

 //start the web server
 app.listen(serverPort, () => {
    console.log('server running on http://localhost:' + serverPort);
 });
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Node File Uploads with Multer - Example</title>
	<link rel="stylesheet" href="style.css">
	</head>
	<body>
	<article>
	<h1>Upload an image file</h1>
	<form method="post" enctype="multipart/form-data">
	<input type="file" name="img" />
	<button type="submit">Submit</button
	</form>
	</article>
	</body>
	</html>
	var serverPort = 3000,
	express = require('express'),
	multer = require('multer'),
	upload = multer({dest: 'uploads/'}),
	app = express();

	//set the static folder
	app.use(express.static('static'));

	//add a handler for the POST / route
	app.post('/', upload.single('img'), (req, res) => {
	//for demonstration purposes only:
	console.log(req.file);

	//send a response to the client
	res.send('<h2>File upload succeeded.</h2><a href="/">Upload another file<a>');
	});

	//start the web server
	app.listen(serverPort, () => {
	console.log('server running on http://localhost:' + serverPort);
	});