顯示來自S3的影像-有解無憂

我里面有 Amazon AWS S3 存盤桶和影像。我的存盤桶中的每個物件都有自己的鏈接。當我打開它時，瀏覽器要求我下載影像。所以，它是一個下載鏈接，而不是直接在互聯網上的圖片鏈接。當然，當我把它放在<img src="https://">它不起作用。

所以我的問題是如何在我的客戶端上顯示來自 S3 的影像，這樣我就不會被迫下載影像，而不僅僅是在網站上觀看它們。

我的堆疊：Nest.js 和 React.js (TypeScript)

我如何上傳圖片：

一項服務：

const svgBuffer = Buffer.from(svgString, 'utf-8');
mainRes = await uploadFile(currency, svgBuffer);

我從以下位置獲得了 uploadFile 函式的另一項服務：

uploadFile = (currency: string, svg: Buffer) => {
        const uploadParams = {
            Bucket: this.config.S3_BUCKET_NAME,
            Body: svg,
            Key: `${currency}-chart`,
        };

        return this.s3.upload(uploadParams).promise();
    };

我應該如何獲取我的影像：

<img src=`https://${s3bucketPath}/${imagePath}`>

uj5u.com熱心網友回復：

這可能是物件元資料的問題。檢查元資料并驗證內容型別。例如對于 PNG 影像應該是：

Content-Type='image/png'

如果物件的 Content-Type 是“binary/octet-stream”，那么它將下載而不是顯示。

通過JavaScript SDK上傳時添加相應引數：

const uploadParams = {
        Bucket: this.config.S3_BUCKET_NAME,
        Body: svg,
        Key: `${currency}-chart`,
        ContentType: 'image/png',
    };