从前端下载图像标签不起作用答案

【问题标题】：Download Image from Frontend a tag not working从前端下载图像标签不起作用
【发布时间】：2020-11-02 08:47:33
【问题描述】：

我正在尝试使用 a 标签创建下载按钮。我添加了“下载”属性，但它不会下载，它只是在新选项卡中打开。这是代码：

<div className="item">
  <img src={imageUrl} alt="" className="sketch-1"/>
  <a href={imageUrl} download>Download</a>
</div>

基本上，用户上传一张图片，将其发送到后端服务器进行修改，然后将其存储在 Cloudinary 存储桶中，修改后的图片在前端重新渲染。我希望用户能够下载新图像，但这不起作用。我认为这与 href 作为变量有关。任何帮助将不胜感激。

【问题讨论】：

【解决方案1】：

那是因为您在“href”中有一个网址，下载按钮将在新标签页中打开该网址。

您可以强制下载图片的唯一方法是图片在您的域中。

也许您可以使用一些 javascript 将图像下载到您的服务器，然后将路径提供给您的 a 标记。但我不知道该怎么做。

很抱歉让你失望了

【讨论】：