# Upload file with nodejs

client:

upload.html

```plaintext
<h1>abc</h1>
<form
  id="uploadbanner"
  enctype="multipart/form-data"
  method="post"
  action="/create"
>
  <input id="fileupload" name="my-file" type="file" />
  <input type="submit" value="submit" id="submit" />
</form>
```

Server :

app.js

```plaintext
const express = require("express");
const multer  = require('multer');

const storage = multer.diskStorage({
  destination: function (req, file, cb) {
    cb(null, './uploads/photos')
  },
  filename: function (req, file, cb) {
    cb(null,file.originalname);
  }
});

//const upload = multer({ dest: 'uploads/' })
const upload = multer({ storage: storage })

const app = express();

// website
app.use(express.static('client'));

app.get("/", (req, res) => {
  res.send("home");
  console.log("abc");
});



// app.post("/create",(req, res) => {
//   res.send("Uploaded");
// });
app.post("/create",upload.single('my-file'), (req, res) => {
  console.log("upload file");
  console.log(req.body);
  return res.status(200).json("upload file thanh cong!");
});


const port = 8080;

app.listen(port, () => {
  console.log("listening on port " + port);
});
```

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1715674029087/340da6ee-4f38-43dc-824f-989cd246389e.png align="center")

postman:

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1715675114226/4a70d81c-1423-460d-a843-531f3ad3ec4b.png align="center")

upload.html

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1715675179899/b864b6e3-4d3d-45a0-98c1-ba15d3af27fb.png align="center")

end