7

リンクのクリックで画像のダウンロードを開始したいと思います。

<a id="downloadImage" href="imagepath">Click here to download</a>

HTML5 のダウンロード属性を使用できることは知っていますが (リンクをクリックした後にブラウザーにファイルを保存するように強制します)、古いバージョンのブラウザーでは機能しないため、使用したくありません。私はここで方法を試しました: Javascript/jQuery を使用してファイルをダウンロードします が、 iframe で画像を開きます。

jqueryを使用してリンクのクリック時にブラウザに画像を強制的にダウンロードさせるのを手伝ってくれる人はいますか?

4

2 に答える 2

7

私の知る限り、この問題に対するクライアント側のクロスブラウザー ソリューションはありません (jQuery やその他の UI ツールキットの使用は関係ありません)。ファイルをダウンロードするためにブラウザーをトリガーするために必要なことは、サーバーの応答にいくつかの HTTP ヘッダーを追加することです。

Content-Type: application/octet-stream
Content-Disposition: attachment; filename=image.jpg

この投稿も役に立つかもしれません。

于 2013-10-29T10:36:10.653 に答える
5

ダウンロード属性を使用できますが、ブラウザー間で完全にはサポートされていませんが、 modernizrを使用して、サポートされていないブラウザーのサポート/フォールバックを行うことができます。

サポートされているブラウザーについては、http://caniuse.com/#feat=downloadを確認してください。

<a href="/path/to/image.jpg" title="ImageName" download="ImageName" >
    <img src="/path/to/image.jpg" alt="ImageName">
</a>
于 2013-10-29T10:46:32.907 に答える