如何从链接下载图像？

Question

我试图在用户单击按钮时下载图像，但当我单击按钮时，图像会在浏览器中打开，而不是仅下载它。 该链接是来自 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>

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

Answer 1

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

<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>