如何从链接下载图像？

Posted 2023-02-22

【中文标题】如何从链接下载图像？

【英文标题】：how do i download an image from a link?

【发布时间】：2021-01-08 06:52:35

【问题描述】：

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

对不起我的英语不好:)

【问题讨论】：

我在这里找到了文档，可以参考Download Files on Web

【参考方案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  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>

【讨论】：

这不起作用，而不是下载它，它只是在浏览器中打开