如何使用 javascript 或 jquery 下载具有特定位置的磁盘上的文件？

Question

我想使用 javascript 或 jquery 自动下载文件 下面是我正在使用的代码，但该代码以新的方式打开文件 浏览器中的选项卡不会下载到磁盘中。

function SaveToDisk(fileUrl, fileName) {
    var hyperlink = document.createElement('a');
    hyperlink.href = fileUrl;
    hyperlink.target = '_blank';
    hyperlink.download = fileName || fileUrl;

    (document.body || document.documentElement).appendChild(hyperlink);
    hyperlink.onclick = function() {
       (document.body || document.documentElement).removeChild(hyperlink);
    };

    var mouseEvent = new MouseEvent('click', {
        view: window,
        bubbles: true,
        cancelable: true
    });

    hyperlink.dispatchEvent(mouseEvent);

    // NEVER use "revoeObjectURL" here
    // you can use it inside "onclick" handler, though.
    // (window.URL || window.webkitURL).revokeObjectURL(hyperlink.href);

    // if you're writing cross-browser function:
    if(!navigator.mozGetUserMedia) { // i.e. if it is NOT Firefox
       window.URL.revokeObjectURL(hyperlink.href);
    }
}


        SaveToDisk('http://example.com/service/getUserImage/339/256', 'image.png');

Answer 1

使用XMLHttpRequest()以Blob的形式从服务器请求文件，使用URL.createObjectURL()、<a>元素并将download属性和href属性设置为Blob URL，然后在@上调用.click() 987654332@元素。

var request = new XMLHttpRequest();
request.open("GET", "http://example.com/service/getUserImage/339/256");
request.responseType = "blob";
request.onload = function() {
  var a = document.createElement("a");
  a.href = URL.createObjectURL(this.response);
  a.download = this.response.name;
  document.body.appendChild(a);
  a.click();
}
request.send();

Answer 2

尝试以下方法：

当ajax完成时创建一个隐藏链接，带有下载属性，触发该链接上的点击事件

$('body').append('<a class="hidden-ajax" download href="'+url+'"></a>')
$('.hidden-ajax').trigger('click');

Answer 3

var count=0;
$('#testdownload').on('click', function(){
count++;
$('#log').append('<li>Click triggered ' + count + ' times</li>');
});

$('#testdownload').get(0).click();

Demo

Answer 4

JS

function(url){
   window.href(url);
}