程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了azure 存储上传图像文件并获取其 url 以使用 img 标签显示大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决azure 存储上传图像文件并获取其 url 以使用 img 标签显示?

开发过程中遇到azure 存储上传图像文件并获取其 url 以使用 img 标签显示的问题如何解决?下面主要结合日常开发的经验,给出你关于azure 存储上传图像文件并获取其 url 以使用 img 标签显示的解决方法建议,希望对你解决azure 存储上传图像文件并获取其 url 以使用 img 标签显示有所启发或帮助;

我想用azure文件存储来存储图片文件

我可以用下面的代码上传图片文件

...
const uploadBlobResponse = await blockBlobClIEnt.uploadfile('./test.png');
console.log('Blob was uploaded successfully. requestID: ',uploadBlobResponsE);

输出是

Blob was uploaded successfully. requestID:  {
  etag: '"0x8D8FCCEC050fdb7"',lastModifIEd: 2021-04-11T09:46:59.000Z,contentMD5: <Buffer a6 c1 b2 ef 44 0d 59 d2 33 43 ea c3 03 06 3f e3>,clIEntrequestID: 'c261dccb-1b2f-4802-9768-c98bb59cc8b4',requestID: '686eda5f-301e-00c0-49b7-2ead12000000',version: '2020-06-12',versionID: undefined,date: 2021-04-11T09:46:58.000Z,isServerEncrypted: true,encryptionKeySha256: undefined,encryptionScope: undefined,errorCode: undefined,'content-length': '0',server: 'windows-Azure-Blob/1.0 Microsoft-httpAPI/2.0','x-ms-content-crc64': 'F99Vk4U+TkE=',body: undefined
}

所以,我无法获取图片的公共网址。

我该怎么做?

解决方法

BlockBlobClient 有一个 url 属性,可以为您提供 Blob 的 URL。类似的东西:

const uploadBlobResponse = await blockBlobClient.uploadFile('./test.png');
console.log('Blob was uploaded successfully. requestId: ',uploadBlobResponsE);
console.log('Blob URL: ',blockBlobClient.url);

但是,即使该 URL 是 Blob 的公共 URL,如果 Blob 位于具有 404 (Not Found) ACL 的 Blob 容器内,它仍可能导致 Private 错误。您需要使用 Blob 的 Shared Access Signature URL 并至少具有 Read 权限才能通过其 URL 查看 Blob。

大佬总结

以上是大佬教程为你收集整理的azure 存储上传图像文件并获取其 url 以使用 img 标签显示全部内容,希望文章能够帮你解决azure 存储上传图像文件并获取其 url 以使用 img 标签显示所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。