typescript - 无法设置 Azure Blob 的内容类型

Question

我将数据存储在 Azure 上，并在上传 block 时将 Content-Type 放入 header 字段中，如下所示:

const headers: any = {
    'Content-Range': contentRange,
    'Content-Type': "image/svg+xml",
};

const responseData: any = await putChunk(url, chunks[currentChunkIndex].blob, headers);

以下是我创建 blob 并将它们推送到 block 数组中的方法:

var blob = new Blob([file.slice(start, end)], { type: 'image/svg+xml' });
const chunk = new FileChunk(blob, file.size, start, end, file.name);
chunks.push(chunk);

以下是 putChunk() 函数，它仅发送 PUT 请求:

async function putChunk(url: string, data: any, headers: any): Promise<any> {
            const options: any = {
                method: 'PUT',
                headers: headers,
                body: 
            return await fetch(url, options);
        }

无论 blob 和 chunk 的内容类型设置为什么，它总是重置为 application/octet-stream。我错过了什么？

Answer 1

No matter what the content-type is set to, it always resets to application/octet-stream. What am I missing?

问题是您正在设置 block 的内容类型，而不是 blob 的内容类型。

为了设置 blob 的内容类型，您需要包含 x-ms-blob-content-type header 并将值设置为 image/svg+xml 在你的 Put Block List 中请求，然后您将看到 blob 的正确内容类型。