我正在制作一个可以为图像创建缩略图的node.js应用程序。为了避免在生成缩略图时冻结应用程序,我决定使用异步库来创建缩略图。但是,根据图像,可能需要多个缩略图大小。
var thumbnailSizes = [100];
if (image.type == 'coolImage') thumbnailSizes.push(500);
generateThumbnails(image.filename, thumbnailSizes).then(function() {
// Do cool things with the saved thumbnails (This is never reached)
});
function generateThumbnails(filename, thumbnailSizes) {
return new Promise(resolve => {
var path = filename.substring(0, filename.lastIndexOf('\\'));
console.log('start');
console.log('length = ' + thumbnailSizes.length);
thumb({
prefix: thumbnailSizes[0] + '_';
source: filename,
destination: path,
width: thumbnailSizes[0]
}).then(function () {
if (thumbnailSizes.length > 1) {
console.log('next');
generateThumbnails(filename, thumbnailSizes.splice(0, 1));
} else {
console.log('finished');
resolve('true');
}
}).catch(function (e) {
console.log('error');
});
console.log('end');
});
}
此代码成功创建了第一个缩略图,但没有创建第二个。代码停止运行后,这就是我的控制台的样子。
> Console Output
start
length = 2
end
next
start
length = 1
end
该代码generateThumbnails()
第二次成功调用,但是没有再次调用thumb函数,一直跳到最后并且从未解决。我该如何工作?
我认为这里不需要递归。
async function generateThumbnails(filename, thumbnailSizes) {
var path = filename.substring(0, filename.lastIndexOf('\\'));
return await Promise.all(thumbnailSizes.map(size => thumb({
prefix: `${size}_`,
source: filename,
destination: path,
width: size
})));
}
或者,如果您需要一张一张地创建缩略图:
async function* generateThumbnails(filename, thumbnailSizes) {
var path = filename.substring(0, filename.lastIndexOf('\\'));
for(const size of thumbnailSizes) {
yield await thumb({
prefix: `${size}_`,
source: filename,
destination: path,
width: size
});
}
}
这可以for await
通过调用函数中的循环来消耗:
for await(const thumbnail of generateThumbnails(file, sizes) {
// handle single size
}
另外,我不会使用.substring()
路径操作,我确定Nodepath
模块具有一个或七个功能可以帮助您可靠地从路径中提取有趣的部分。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句