クリックで画像を保存できます

Iveが私のウェブサイトに画像を持っています。私は、ウィンドウが表示されているときにユーザーがそのイメージをクリックしてイメージを保存できる機能を作成したいと考えています。クリックで画像を保存できます

私はこのような何かを書いた：

<a href="/foto1.png" target="_blank"> 
    <img src="/foto1.png" alt="" /> 
</a>

をして閉じるウィンドウとして保存保存したり、それはユーザーがクリックするまで、新しいタブを開く動作しますが。新しいタブを取り除くことは可能ですか？

任意の提案

2012-01-11 gruber

あなたはHTTPレスポンスのコンテンツ配置ヘッダを使用してサーバから画像を送信する必要があるhttp://www.jtricks.com/bits/content_disposition.html –

のおかげで私はあなたのマークアップを変更するだろうし、あなたが望むすべての画像を一つの容器に保存されて含まれ、これはしかし、IEのみで動作します私はとても怖い：

<div id="imagesToSave"> 
    <a href="/foto1.png" target="_blank"> 
     <img src="/foto1.png" alt="" /> 
    </a> 
</div>

次に、jQueryの使用と、このコード：あなたは明らかにCraig Stuntzで、このことについてどう思いますしたいと思う他のブラウザについては、

$('#imagesToSave img').click(function(){ 
    document.execCommand('SaveAs',true,'file.html'); 
});

：

imgファイルにハイパーリンクし、サーバーの応答にcontent-typeヘッダーとcontent-dispositionヘッダーを設定します。たとえば、application/x-downloadと、ここに指定されている他のヘッダーを試してみてください。ダイアログとして開放用に保存

幸運

2012-01-11 23:34:39

答えて