2016-05-10 3 views
0

ユーザーがWebページのボタンを押したときにイメージをダウンロードする方法を教えてください。 <a href download="file">は一部のデバイスでは動作しないため、使用したくありません。イメージをWebサーバーからダウンロードするボタンをクリックJavaScriptを使用する

$('button.download', modal).on('click', function (e) { 
    e.preventDefault(); 

    var url = ""; // Some URL. 
    var fileName = "image.jpeg"; // Some File name 

    var a = $('<a href="' + url + '"></a>') 
    .attr('download', fileName) 
    .appendTo('body'); 

    a.click(function() { 
    a[0].click(); 
    $(this).remove(); 
    }); 

    a.trigger('click'); 
}); 

[EDIT]あなたの場合は がそれを使用したくない:私はあなたが<a></a>リンク、または他の要素のイベントによってdownloadのattrを追加する必要があり、この使用はJavaScript

+1

の可能性のある重複した[力はJavaScriptを使用して画像をダウンロード](http://stackoverflow.com/questions/6796974/force-download-an-image-using-javascript) –

答えて

2

はどのように行うことができます、あなたは<a></a>リンクは、ダウンロードするファイルのサーバー応答でこれらのヘッダを持っている必要があります:

Content-Type: application/force-download

Content-Disposition: attachment; filename="image.jpeg"

Content-Transfer-Encoding: binary

関連する問題