admin管理员组

文章数量:1606474

原生JS实现Ajax下载文件

/**
* url 下载url
* filename 下载文件名称
*/
function download(url, filename) {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', url, true); 
  xhr.responseType = "blob"; // 设置返回类型为 blob
  
  // 设置请求头参数
  xhr.setRequestHeader('token', 'your_token_info');
  
  // 定义请求完成的处理函数，请求前也可以增加加载框/禁用下载按钮的相关逻辑
  xhr.onload = function() {
    if (this.status === 200) {
      var blob = this.response;
      var a = document.createElement('a');
      var url = window.URL.createObjectURL(blob);
      a.href = url;
      a.download = filename;
      document.body.appendChild(a);
      a.click();
      document.body.removeChild(a);
      window.URL.revokeObjectURL(url);
    }
  };
  xhr.send(); // 发送ajax请求
}

本文标签： 文件jsajax

版权声明：本文标题：原生JS实现Ajax下载文件 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/xitong/1728501166a1161188.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。