如何使用快速服务器调整上传图片的大小
How to resize upload images with express server
我正在使用 multer 和 multer-s3 将图像上传到 s3 存储桶。
我想保留原图,但需要额外的缩略图。
然后将它们都上传到s3。
我发现可以使用 sharp 来调整图像大小,但不确定如何执行此特定任务。
任何人都可以建议如何执行此操作吗?
const aws = require('aws-sdk');
const multer = require('multer');
const multerS3 = require('multer-s3');
aws.config.update({
secretAccessKey: process.env.AWSSecretKey,
accessKeyId: process.env.AWSAccessKeyId,
});
const s3 = new aws.S3();
const fileFilter = (req, file, cb) => {
if (file.mimetype === "image/jpeg" || file.mimetype === "image/png") {
cb(null, true);
} else {
cb(new Error("Invalid file type, only JPEG and PNG is allowed!"), false);
}
};
const storage = multerS3({
s3: s3,
bucket: process.env.S3_Bucket_Name,
acl: 'public-read',
metadata: (req, file, cb) => {
cb(null, {
fieldName: file.fieldname
});
},
key: (req, file, cb) => {
cb(null, Date.now().toString())
}
});
const upload = multer({
fileFilter: fileFilter,
storage: storage,
});
module.exports = upload;
路由按以下方式完成
router.post('/post/add', checkAuth, upload.single("photo"), PostController.createPost);
试试这个,usage of sharpe module
。根据需要更改路由处理程序
router.post(
"/users/me/avatar",
authMiddleware,
upload.single("avatar"),
async (req, res) => {
const buffer = await sharpe(req.file.buffer)
.png()
.resize({
width: 300,
height: 300
})
.toBuffer();
req.user.avatar = buffer;
await req.user.save();
res.send();
},
保存图像后,您可以轻松调整它的大小。
你只需要传递图片的路径即可。
此处注意:您可以获取图片的宽高,并检查图片是否需要调整大小。
const sharp = require("sharp");
async function resizeImage(req, res) {
let { width, height } = await sharp("path/to/image").metadata();
let resizedImage;
// you can check here if the image is too big. I will resize it to an width of 400
if(width > 400) {
await sharp("path/to/image")
.resize({ fit: sharp.fit.contain, width: 400 })
.jpeg({ quality: 90 })
.toFile("path/to/thumbnail/directory);
}
}
我正在使用 multer 和 multer-s3 将图像上传到 s3 存储桶。
我想保留原图,但需要额外的缩略图。 然后将它们都上传到s3。 我发现可以使用 sharp 来调整图像大小,但不确定如何执行此特定任务。
任何人都可以建议如何执行此操作吗?
const aws = require('aws-sdk');
const multer = require('multer');
const multerS3 = require('multer-s3');
aws.config.update({
secretAccessKey: process.env.AWSSecretKey,
accessKeyId: process.env.AWSAccessKeyId,
});
const s3 = new aws.S3();
const fileFilter = (req, file, cb) => {
if (file.mimetype === "image/jpeg" || file.mimetype === "image/png") {
cb(null, true);
} else {
cb(new Error("Invalid file type, only JPEG and PNG is allowed!"), false);
}
};
const storage = multerS3({
s3: s3,
bucket: process.env.S3_Bucket_Name,
acl: 'public-read',
metadata: (req, file, cb) => {
cb(null, {
fieldName: file.fieldname
});
},
key: (req, file, cb) => {
cb(null, Date.now().toString())
}
});
const upload = multer({
fileFilter: fileFilter,
storage: storage,
});
module.exports = upload;
路由按以下方式完成
router.post('/post/add', checkAuth, upload.single("photo"), PostController.createPost);
试试这个,usage of sharpe module
。根据需要更改路由处理程序
router.post(
"/users/me/avatar",
authMiddleware,
upload.single("avatar"),
async (req, res) => {
const buffer = await sharpe(req.file.buffer)
.png()
.resize({
width: 300,
height: 300
})
.toBuffer();
req.user.avatar = buffer;
await req.user.save();
res.send();
},
保存图像后,您可以轻松调整它的大小。
你只需要传递图片的路径即可。
此处注意:您可以获取图片的宽高,并检查图片是否需要调整大小。
const sharp = require("sharp");
async function resizeImage(req, res) {
let { width, height } = await sharp("path/to/image").metadata();
let resizedImage;
// you can check here if the image is too big. I will resize it to an width of 400
if(width > 400) {
await sharp("path/to/image")
.resize({ fit: sharp.fit.contain, width: 400 })
.jpeg({ quality: 90 })
.toFile("path/to/thumbnail/directory);
}
}