如何在节点后端存储图像？

Question

我使用 node 和 express 作为后端，使用 Mongo DB 进行存储。我使用 multer 中间件来存储图像，我遇到了一个问题，问题是当我从本地主机存储图像时，它会保存在我的后端并显示在数据库中，但是当我在 heroku 或任何其他应用程序上部署相同的 api 时，图像显示在数据库中，但没有存储在我的后端。我已经在邮递员上测试了代码，可能是什么问题？

以下是我在节点 js 上的代码：

router.use(express.static(__dirname + 'public'));

let storage = multer.diskStorage({
destination: function (req, file, cb) {
    cb(null, 'public')
},
filename: function (req, file, cb) {
    cb(null, file.fieldname + '-' + Date.now() + path.extname(file.originalname))
}
})

let upload = multer({ storage: storage })
router.post('/fellows-details', upload.single('image'), async (req, res) => {

const { error } = FellowsDetails(req.body);
if (error) return res.status(400).send({ message: error.details[0].message });
const fellow = new fellowdetails({
    name: req.body.name,
    details: req.body.details,
    image: req.file.filename
})
try {
    fellow.save()
    res.status(200).send({ message: 'fellows detail saved successfully' })
} catch (err) {
    res.status(400).send(err);
}
})

Answer 1

转换为字符串后，存储文件将变得容易，您只需在前端转换图像中的字符串

在您的 api 中使用此代码将图像转换为base64字符串，并且不要忘记从上传文件夹中删除文件

"img": new Buffer.from(fs.readFileSync(req.file.path)).toString("base64")

删除文件

           let resultHandler = function (err) {
                if (err) {
                    console.log("unlink failed", err);
                } else {
                    console.log("file deleted");
                }
            }

            fs.unlink(req.file.path, resultHandler);

在您的路线导入multer

 `multer const multer = require('multer');
  const upload = multer({ dest: __dirname + '/uploads/images' });`

在您的请求中添加upload.single('img')

router.post('/fellows-details', authorize([Role.ADMIN, Role.USER]), 
            upload.single('img'), usersController.fellowsdetails);

Answer 2

Heroku 上的文件系统不适合数据的持久存储。 Heroku 文件系统是短暂的——这意味着在 dyno 运行时对文件系统的任何更改只会持续到该 dyno 关闭或重新启动。 每个 dyno 都使用最新部署的文件系统的干净副本启动。您不能在 Heroku 上存储文件。 Heroku 会自动删除您上传的文件。 您必须使用外部服务，例如 Amazon S3 或 Azure Blob Storage。

https://docs.aws.amazon.com/sdk-for-javascript/v2/developer-guide/s3-node-examples.html https://docs.microsoft.com/en-us/javascript/api/@ azure/storage-blob/blockblobclient?view=azure-node-latest

如果您不想在 AWS 上设置一个账户来创建 S3 存储桶，我们这里还有附加组件来处理静态资产的存储和处理https://elements.heroku.com/addons

Answer 3

var dateString = Date.now(); var 存储 = multer.diskStorage({

destination: (req, file, cb) => {
cb(null, './uploads/')


 },


filename: (req, file, cb) => {
cb(null,  dateString+'_'+file.originalname)


}
});



var maxSize=3  1000  1000;


var upload = multer({ storage: storage,
limits: { fileSize: maxSize }})

var upload = multer({ storage: storage , limits: { fileSize: maxSize }});
app.post("/fileupload", upload.single("fileToUpload"), function (req, res) {


console.log(req.file.originalname)
var uploaded =  "http://localhost:4001/"+dateString+'_'+req.file.originalname;
console.log(uploaded)
res.json({status: 200,msg:'File saved successfully',data:uploaded});
});