APIの画像をダウンロード

オンラインAPIを使用して、検索したキーワードに基づいて画像をレンダリングするアプリを作成しています。私はforEachループを実行して、divのページに12の画像を描画します。異なるユーザーが異なるキーワードを入力するため、検索の結果が前もってわからない場合でも、ボタンをクリックすると画像をダウンロードする方法はありますか？私はAPIの画像をダウンロード

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

出典

2016-10-27 keigwin

あなたの文脈で「ダウンロード」とは何を意味しますか？それらをどこにダウンロードしますか？ – jfriend00

あなたはテンプレートライブラリを使用しているように思われる表現やJavaScriptのNode.js使用していますが、あなたはどちらを言及しませんでした。それ以上のことが分からなければ、download属性のアンカーリンクを試してみてください。たとえば、

このようにして、ユーザーがリンクをクリックすると、ブラウザはhrefにあるものをダウンロードします。（この場合は画像でなければなりません）

downloadはHTML5属性です。ブラウザの互換性はこちらから確認できます：http://caniuse.com/#search=download。

出典

2016-10-27 03:35:05 jayshua

APIの画像をダウンロード

答えて

関連する問題