带有gm、缓冲区和promise的Node中的非常随机的行为

Question

我最近将图像保存模块切换到gm（grahicsmagick），并开始使用缓冲区而不是保存到磁盘。

我期望的输出是一个带有md5散列的数组，然后是原始图像和缩略图的路径。我用承诺，像这样。

saveOrig( imageUrl )
.then( saveThumb )
.then( function( image ) {
    var returnArray = [ image.hash, image.orig, image.thumb ]
    console.log( returnArray )
    resolve( returnArray )
})
.catch( function( error ) {
    reject( new Error( error.message ) )
})

这是第一个功能，下一个几乎是相同的

function saveOrig ( imageUrl ) {
    return Q.Promise( function ( resolve, reject, notify ) {
        var image = {
            extension: path.extname( imageUrl )
        }
        gm( request( imageUrl ) )
            .format( function( err, value ) {
                if ( err ) return reject ( new Error ( err ) )
                image.type = value
            })
            .stream( image.type, function ( err, stdout, stderr ) {
                if ( err ) return reject( new Error( err ) )
                var bufs = []
                stdout.on( 'data', function ( d ) {
                    bufs.push( d )
                })
                stdout.on( 'end', function () {
                    var buf = Buffer.concat( bufs )
                    image.hash = crypto.createHash( 'md5' ).update( buf ).digest( 'hex' )
                    console.log ( image.hash )
                    uploader = s3Client.putBuffer( buf, type + "/" + image.hash + "-orig" + image.extension, {
                        'Content-Length': buf.length,
                        'Content-Type': 'image/jpeg'
                    }, function ( err, result ) {
                        if ( err ) return reject( new Error( err ) )
                        if ( result.statusCode == 200 ) {
                            image.orig = uploader.url
                            resolve( image )
                        }
                    })
                })
            })
    })
}

同样，以下是我期望看到的，

[ '820f841a0a7cdc854b70f8b534dc7705',
'https://my-amazon-bucket.s3.amazonaws.com/read/820f841a0a7cdc854b70f8b534dc7705-orig.jpeg',
'https://my-amazon-bucket.s3.amazonaws.com/read/820f841a0a7cdc854b70f8b534dc7705-thumb.jpeg' ]

当我只处理一个图像时，就会发生这种情况。但是，当我调用这个映射到Q.all数组的函数时，我会得到哈希、缩略图和原始路径的看似非常随机的混合，可能是来自对之前函数的其他调用

我以前在不使用缓冲区或gm时没有这种行为。这是什么原因？

---

编辑：以下是我如何调用上面描述的saveImage函数。当我把项目保存到磁盘上，然后用简单的图像模块操作它们时，这似乎很好。

images = window.document.getElementsByTagName( 'img' )
imageMapFunction = Array.prototype.map.call( images, function ( each, index ) {
    return Q.promise( function ( resolve, reject, notify ) {

    saveImage( req.body.type, each.src )
    .spread( function ( imageHash, imageOriginalPath, imageThumbPath ) {
        article.images.push({
            image: imageOriginalPath,
            imageHash: imageHash,
            imageThumb: imageThumbPath
        })
        each.src = imageOriginalPath
        resolve()
    })
    })
})
Q.all( imageMapFunction )
.then( function () {

Answer 1

此部分不正确：

uploader = s3Client.putBuffer( buf, type + "/" + image.hash + "-orig" + image.extension, {
    'Content-Length': buf.length,
    'Content-Type': 'image/jpeg'
}, function ( err, result ) {
    if ( err ) return reject( new Error( err ) )
    if ( result.statusCode == 200 ) {
        image.orig = uploader.url
        resolve( image )
    }
});

你需要一个var作为var uploader。

现在，如果您多次调用函数，每次都会覆盖全局uploader，因此您得到的最终结果将取决于每个图像处理所需的时间和上传所需的长度。

Answer 2

Console.log是异步的；因此，它将以异步顺序吐出内容，因此根据当前日志记录的内容，它很容易出错。

如果你真的必须通过控制台跟踪它；使用console.error，因为它是同步的；或者使用一个简单的数组将所有内容推入；然后在最后注销该阵列。