如何提供来自 Azure 函数和存储 Blob 的 GET 请求？

Question

对于这个前端请求<img src="img/abc.png">我有以下 Azure 函数 (AF) 来访问 Storage Blob 中的图像文件

function.json

"methods": ["get"],
"route": "img/{filename}"

index.js

const bbc = blobServiceClient.getContainerClient("pngfiles").getBlockBlobClient(context.req.params.filename);  

在这一行之后，我不知道如何 read/fetch/stream 或其他什么来处理从 AF 到前端的请求。我试过以下但它 returns 元数据和属性

const png = await bbc.download();
context.res = {body: png,  headers: {"Content-Type": "image/png"}};

Answer 1

不确定是否是最好的方法但可行：

const bbc = await blobServiceClient.getContainerClient("pngfiles").getBlockBlobClient(context.req.params.filename).downloadToBuffer();
context.res = {body: bbc, headers: {"Content-Type": "image/png"}};