從http url下載JQuery Ajax文件

Question

我在html頁面上輸入了輸入文本。我想在此文本字段的示例http://www.quicksprout.com/images/foggygoldengatebridge.jpg上粘貼URL，然後單擊按鈕「下載」並將此文件下載到我的電腦。 我想用AJAX來實現這一點。也許你知道一些AJAX插件或代碼可以實現從HTTP URL下載文件嗎？

Answer 1

您不需要AJAX來做到這一點，也不會因爲CORS限制而能夠做到這一點。相反，嘗試這樣的事情。

HTML：

<input type="text" placeholder="URL" id="url"/> 
<input type="text" placeholder="Filename" id="name"/> 
<a id="download">Download Link</a> 

的JavaScript：

var url = document.getElementById('url'), 
    name = document.getElementById('name'), 
    a = document.getElementById('download'); 

a.addEventListener('click', function() { 
    this.setAttribute('src', url.value); 
    this.setAttribute('download', name.value); 
}); 

Answer 2

第一種方法

function SaveToDisk(fileURL, fileName) { 
       //alert("yes i m working"); 
       // for non-IE 
       if (!window.ActiveXObject) { 
        var save = document.createElement('a'); 
        save.href = fileURL; 
        save.target = '_blank'; 
        save.download = fileName || 'unknown'; 

        var evt = new MouseEvent('click', { 
         'view': window, 
         'bubbles': true, 
         'cancelable': false 
        }); 
        save.dispatchEvent(evt); 

        (window.URL || window.webkitURL).revokeObjectURL(save.href); 
       } 

       // for IE < 11 
       else if (!! window.ActiveXObject && document.execCommand)  { 
        var _window = window.open(fileURL, '_blank'); 
        _window.document.close(); 
        _window.document.execCommand('SaveAs', true, fileName || fileURL) 
        _window.close(); 
       } 
      } 

第二種方法

function downloadme(x,y){ 

     myTempWindow = window.open(x,'','left=10000,screenX=10000'); 
     myTempWindow.document.execCommand('SaveAs','null',y); 
     myTempWindow.close(); 
    }