谷歌云存储创建行为不一致的内容链接

Question

我正在做一个使用谷歌云存储的项目，允许用户使用Node.js将媒体文件上传到预定义的桶中。我一直在用小的.jpg文件进行测试。我还使用gsutil将bucket权限设置为public。

起初，所有文件都生成下载该文件的链接。通过对文档的研究，我了解到可以在上传后使用gsutilCLI显式设置每个文件的content-type。当我使用此过程将文件类型设置为'image/jpeg'时，链接行为更改为在浏览器中显示图像。但是，只有在使用gsutil更新元数据之前没有单击该链接时，这种方法才会起作用。我认为这可能是由于浏览器缓存造成的，但这种行为在一个隐姓埋名的浏览器中被复制了。

使用gsutil设置mime类型无论如何都是不切实际的，因此我修改了节点服务器post函数中的代码，以便在上传时使用名为mime的NPM模块设置元数据。代码如下：

app.post('/api/assets', multer.single('qqfile'), function (req, res, next) {
    console.log(req.file);

    if (!req.file) {
        return ('400 - No file uploaded.');
    }

    // Create a new blob in the bucket and upload the file data.
    var blob = bucket.file(req.file.originalname);
    var blobStream = blob.createWriteStream();
    var metadata = {
        contentType: mime.lookup(req.file.originalname)
    };

    blobStream.on('error', function (err) {
        return next(err);
    });

    blobStream.on('finish', function () {

        blob.setMetadata(metadata, function(err, response){
            console.log(response);
             // The public URL can be used to directly access the file via HTTP.
        var publicUrl = format(
        'https://storage.googleapis.com/%s/%s',
        bucket.name, blob.name);
        res.status(200).send(
            {
                'success': true,
                'publicUrl': publicUrl,
                'mediaLink': response.mediaLink
            });
        });

    });

    blobStream.end(req.file.buffer);

});

我在这里漏掉了什么？

Answer 1

现在，您的浏览器可能下载图像而不是显示它们的原因有两个。首先，如果Content-Type设置为“Application/Octet-Stream”，大多数浏览器会将结果下载为文件，而不是显示它们。这很可能发生在你的案子上。

第二个原因是如果服务器使用“Content-Disposition：Attachment”标头进行响应。当您像上面所做的那样从主机“storage.googleapis.com”中获取GCS对象时，通常不会发生这种情况，但如果您显式地为上传的对象指定了contentDisposition就会发生这种情况。

出于这个原因，我怀疑您的一些对象没有“image/jpeg”内容类型。您可以使用gsutil进行设置，如下所示:gsutil-m setmeta'content-type:image/jpeg'gs://mybucketname/**