使用Vue / JavaScript将新图像动态下载到静态资产文件夹中

时间:2020-10-05 12:27:10

标签: javascript vue.js amazon-s3

我有一个Vue应用,用户可以在不同的“站点配置文件”之间切换,每个配置文件都是他可以访问的不同公司(站点)的配置文件,每个都有自己的徽标。

我希望网站的徽标显示在页面顶部,并且还可以在其他区域的Web应用程序中使用(如水印等)。

所有站点的徽标都存储在一个S3存储桶中,当用户在站点之间切换时,我会在服务器端生成一个下载URL,该URL与有关该站点的其他数据(站点名称等)一起发送。

我想动态下载网站徽标,并在每次用户切换到某个网站的个人资料时将其存储在资产文件夹客户端中。然后,我可以在其中从Web应用程序中根据需要使用徽标。

如何从S3链接下载图像并将其保存到Vue应用程序的资产文件夹?这是在网站上可以访问Vue应用程序的不同位置完成显示网站徽标的最佳方法(动态地,因为用户将在拥有自己徽标的不同网站之间切换),还是有更好的方法?

仅供参考,我目前在S3下载链接上放置了到期时间,并且在将图像保存到S3时删除了文件扩展名,因此我在上传图像时存储了原始文件名,然后希望将文件保存为原始文件再次下载时,客户端资产文件夹中的文件名,以便可以在img标签中查看。

0 个答案:

没有答案