时间戳

首页 > 解决方案 > 如何从链接下载图像？

html - 如何从链接下载图像？

问题描述

当用户单击按钮时，我正在尝试下载图像，但是当我单击按钮时，图像会在浏览器中打开，而不是仅下载它。该链接是来自firebase的图像。任何知道我做错了什么的人都有解决方案吗？

<a href="https://firebasestorage.googleapis.com/v0/b/q-aviationdev.appspot.com/o/4%2F98906.jpg?alt=media&token=e19f9317-79c7-46d2-a758-40309b4c4f0f" download="Testiamge.jpg">
     <b-button size="sm"  @click="downloadImg(index)" class="mr-2">
      <font-awesome-icon :icon="['fas', 'download' ]" />
    </b-button>
    </a>

对不起，我的英语不好 ：）

标签： htmlfirebasevue.jsdownload

解决方案

你为什么不简单地使用这部分：

<a href="https://firebasestorage.googleapis.com/v0/b/q-aviationdev.appspot.com/o/4%2F98906.jpg?alt=media&token=e19f9317-79c7-46d2-a758-40309b4c4f0f" download="Testiamge.jpg">
    <img alt="ImageName" src="https://firebasestorage.googleapis.com/v0/b/q-aviationdev.appspot.com/o/4%2F98906.jpg?alt=media&token=e19f9317-79c7-46d2-a758-40309b4c4f0fe">
</a>

如果你想使用一个按钮，你可以试试这个代码：

<a href="https://firebasestorage.googleapis.com/v0/b/q-aviationdev.appspot.com/o/4%2F98906.jpg?alt=media&token=e19f9317-79c7-46d2-a758-40309b4c4f0f" download> 
    <button>Download image</button> 
</a>

如果你使用的是 IE，试试这个：

<a href="https://firebasestorage.googleapis.com/v0/b/q-aviationdev.appspot.com/o/4%2F98906.jpg?alt=media&token=e19f9317-79c7-46d2-a758-40309b4c4f0f" download target="_blank">Download image</a>

推荐阅读