如何使用JavaScript/jQuery下载文件

如何使用JavaScript/jQuery下载文件：

1. 通过JS实现文件下载：

（1）利用a标签的download属性。

<!-- HTML代码 -->
<a href="/path/to/file.pdf" download>Download PDF</a>

（2）使用XMLHttpRequest对象，通过ajax请求下载文件。

// JavaScript代码
function download(url) {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', url, true);
  xhr.responseType = 'blob';

  xhr.onload = function() {
    if (this.status === 200) {
      var blob = new Blob([this.response], { type: 'application/octet-stream' });
      var url = URL.createObjectURL(blob);
      var a = document.createElement('a');
      a.href = url;
      a.download = 'file';
      a.click();
      URL.revokeObjectURL(url);
    }
  };
  xhr.send();
}

1. 利用jQuery实现文件下载：

（1）使用download插件。

// JavaScript代码
$.download = function(url, data, method) {
    // Create a form for the request and submit it
    $('<form action="' + url + '" method="' + (method || 'post') + '">' +
        _.map(data, function(value, key) {
            return '<input type="hidden" name="' + key + '" value="' + value + '"/>';
        }).join('') +
        '</form>')
        .appendTo('body')
        .submit()
        .remove();
};

（2）通过ajax请求，下载文件。

// JavaScript代码
$.ajax({
    url: '/path/to/file.pdf',
    method: 'GET',
    xhrFields: {
        responseType: 'blob'
    },
    success: function(data) {
        var a = document.createElement('a');
        var url = window.URL.createObjectURL(data);
        a.href = url;
        a.download = 'file';
        a.click();
        window.URL.revokeObjectURL(url);
    }
});

以上是如何使用JavaScript和jQuery下载文件的完整攻略，其中包含了两个示例代码。其中JS下载文件的方法比较简单，可以利用a标签的download属性或者XMLHttpRequest对象。而jQuery则提供了下载插件和ajax请求下载两种方法，根据实际情况选择适合的方法即可。