这应该是相对基本的,但我意识到我实际上并不了解这样做的标准方式。我希望在我的 Vue 网页中显示一张图像,该网页由 DigitalOcean 的Spaces
工具提供,使用保存在我的数据库中的href
/ 。URI
如果你不熟悉Spaces
,它只是一个文件存储系统,和亚马逊的 S3 完全一样。所以,假设我jpg
保存了一个文件,可以通过地址访问
https://mybucket.nyc3.digitaloceanspaces.com/guest/plant-image-0uEkpNfP1.jpg
如果我在浏览器中输入此 URI,浏览器将提供将此文件保存到我的本地计算机。如果我这样做,那就是 jpg - 很好。但我真正想要的是让浏览器简单地显示图像。
无论哪种方式,浏览器都在下载图像文件,对吧?但是为什么有些图像只是自动显示,而有些只是作为通用文件提供?
我不知道这是否是在提供图像的方式或接收图像的方式中要解决的问题,但我想要做的是将 URI 添加到我的 Vue 组件的 html 中的图像标签中,就像这样
<img src="https://mybucket.nyc3.digitaloceanspaces.com/guest/plant-image-0uEkpNfP1.jpg" />
它是如何工作的?