我正在构建一个允许用户上传头像的web应用程序。但是,除了头像,我想创建一个缩略图低分辨率(例如64 x 64)并将其存储在我的服务器上。目前我使用此代码将图像存储在两个目录中,但它们在两个目录中的分辨率相同。如何在缩略图目录中存储不同的分辨率?
var storage = multer.diskStorage({
destination: function (req, file, callback) {
callback(null, './uploads/thumbs');
callback(null, './uploads');
},
filename: function (req, file, callback) {
callback(null, file.fieldname + '-' + Date.now());
}
});
答案 0 :(得分:0)
您可以使用Sharp调整路由器中图像的大小:
const storage = multer.diskStorage({
destination: (req, file, cb) => {
cb(null, './uploads')
},
filename: (req, file, cb) => {
cb(null, file.fieldname + '-' + Date.now() + path.extname(file.originalname))
}
})
和:
router.post('/', upload.single('image'), async (req, res) => {
try {
const { filename: image } = req.file
await sharp(req.file.path, { failOnError: false })
.resize(64, 64)
.withMetadata()
.toFile(
path.resolve(req.file.destination, './thumbs', image.replace(/\.(jpeg|png)$/, `.jpg`))
)
fs.unlinkSync(req.file.path)
return res.json({
thumb_url: '/uploads/thumbs/' + image.replace(/\.(jpeg|png)$/, `.jpg`)
});
} catch (err) {
console.error(err.message);
res.status(500).send('Server Error!');
}
});
fs.unlinkSync(req.file.path)
从./uploads
删除原始图像