How can I save an image on the server as a URL?-CodePudding

The

I did have to make one minor edit to get the example to work on chrome. To avoid the CORS policy, the front and back end must both be hosted at the same port. So, I added get route to statically serve the react page from the expressjs server:

const express = require('express') const fs = require('fs') const multer = require('multer') const upload = multer({ dest: 'images/' }) const app = express() // app.use('/images', express.static('images')) app.get('/images/:imageName', (req, res) => { // do a bunch of if statements to make sure the user is // authorized to view this image, then const imageName = req.params.imageName const readStream = fs.createReadStream(`images/${imageName}`) readStream.pipe(res) }) app.post('/api/images', upload.single('image'), (req, res) => { console.log(req.file) console.log(req.files) const imagePath = req.file.path const description = req.body.description // Save this data to a database probably console.log(description, imagePath) res.send({ description, imagePath }) }) // added the lines below const path = require("path"); app.use(express.static(path.join(__dirname, 'build'))); app.get('/', function (req, res) { res.sendFile(path.join(__dirname, 'build', 'index.html')); }); app.listen(8080, () => console.log("listening on port 8080"))

CodePudding user response：

First of all, you need to remove express-fileupload. There is no need to use it alongside multer.

To have the correct file with an extension in specified folder, you need to change this part of your code:

remove this line:

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

change it to:

// routes/Test.js const storage = multer.diskStorage({ destination: function (req, file, cb) { cb(null, 'images') }, filename: function (req, file, cb) { cb(null, file.originalname) } }) const upload = multer({ storage: storage })

For conventional and standard way to prevent overwriting the same file names, you need to change filename to this:

filename: function (req, file, cb) { cb(null, `${Date.now()}-${file.originalname}`) }