根据链接url下载文件

最新推荐文章于 2024-09-27 16:54:25 发布

英雄大结局

最新推荐文章于 2024-09-27 16:54:25 发布

阅读量637

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44762610/article/details/120861866

版权

代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>title</title>
    <script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
</head>
<body>

<!-- 开始按钮 -->
<input
        id="startID"
        type="button"
        value="点击开始"
        style="width:150px;height:150px;font-size:22px"
        onclick="start()"/>



<script language='javascript' type='text/javascript'>
function start(){
	download("链接", "tup");
}

function download(url, filename) {
  getBlob(url, (blob) => {
    saveAs(blob, filename);
  })
}
const getBlob = (url, cb) => {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', url, true);
  xhr.responseType = 'blob';
  xhr.onload = function () {
    if (xhr.status === 200) {
      cb(xhr.response);
    }
  };
  xhr.send();
}
function saveAs(blob, filename) {
  if (window.navigator.msSaveOrOpenBlob) {
    navigator.msSaveBlob(blob, filename);
  } else {
    var link = document.createElement('a');
    var body = document.querySelector('body');

    link.href = window.URL.createObjectURL(blob);
    link.download = filename;

    // fix Firefox
    link.style.display = 'none';
    body.appendChild(link);

    link.click();
    body.removeChild(link);

    window.URL.revokeObjectURL(link.href);
  }
}
</script>
</body>
</html>