从API结果下载图像

Question

我正在创建一个使用在线API来根据搜索到的关键字呈现图像的应用程序。 我运行一个forEach循环，以div形式在页面中渲染12张图像。 即使我不知道搜索结果会提前，因为不同的用户将键入不同的关键字，单击按钮还是有下载图片的方法吗？ 我正在使用node.js express和javascript

 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <link rel="stylesheet" href=""> </head> <body> <h1>GIF</h1> <a href="/home">HOME</a> <form action="/home/gif" method="POST"> <input type="text" name="gif" placeholder="Search Gif By Keyword"> <input type="submit" value="Go"> </form> <div class="gif"> <h2>Seached Results</h2> <% gif.forEach((value) => { %> <img src="<%= value.images.original.url %>"> <%})%> </div> </body> </html>

Answer 1

您似乎正在使用模板库，但没有提到哪个。 对此一无所知，您可以尝试使用带有download属性的锚链接。 例如：

<div class="gif">
  <h2>Seached Results</h2>
  <% gif.forEach((value) => { %>
    <img src="<%= value.images.original.url %>">
    <a href="<%= value.images.original.url %>" download>Download</a>
  <%})%>
</div>

这样，当用户单击链接时，浏览器将下载href上的内容。 （在这种情况下，应该是图像。）

请注意， download是HTML5属性。 您可以在此处检查浏览器的兼容性： http : //caniuse.com/#search=download 。

从API结果下载图像

问题描述

1 个解决方案

解决方案1
0 2016-10-27 03:35:05

从API结果下载图像

问题描述

1 个解决方案

解决方案1 0 2016-10-27 03:35:05

解决方案1
0 2016-10-27 03:35:05