3

ユーザーが写真を選択してボタンをクリックしたときに、画像ファイル（jpeg画像）をユーザーファイルシステムにダウンロードしたい。これまでのところ、私はこのリンクとこれを検索して見つけました

あるブログで、jszipと一緒に使用するとdownloadifyがこの機能を有効にできることを確認しましたが、これについてはこれ以上指定していません。画像をダウンロードする方法を知っている人はいますか？画像へのリンクがあり、サーバーに再度クエリを実行するのではなく、ユーザーに自分のシステムに画像をダウンロードしてもらいたいだけです。

誰かが私に例を教えてもらえますか？

4

3 に答える 3

4

キャンバス要素に画像をロードして、キャンバスのデータURLを取得し、データURLをソースとして新しいウィンドウを開くことができます。この例を見てください：https ：//gist.github.com/1875132

于 2012-09-02T19:01:24.183 に答える
2

HTML5download属性を使用します。

選択肢として、ファイル名を属性値として設定できます。

<a href="/images/image-name.jpg" download="new-image-name.jpg">
于 2017-02-23T15:12:06.333 に答える
1

最後にやった。将来これが必要になるかもしれない人のために、ここに私がjqueryを使ってそれをした方法があります

jQuery.ajax({

    url: 'http://localhost:8080/yourwebsite/servlet?img=' + document.getElementById(id).alt,
    //data: myData,
    type: 'GET',
    crossDomain: true,
    dataType: 'jsonp',
   // success: function() { alert("Success"); },
   // error: function() { alert('Failed!'); },
   // beforeSend: setHeader
});

これは、長いプロセスに従わない限り、通常ほとんどのWebサイトによってブロックされるクロスドメインhttp要求の問題に遭遇する必要がありました。そこで、サーブレットでgetメソッドを呼び出して、画像のダウンロード元の画像のURLを渡しました。これは、同じドメインにいる場合よりもはるかに簡単で、さらに簡単です。私の要件を満たしていないので、このコードは私のために機能しました:)

于 2012-09-07T19:01:11.947 に答える