如何取消下载文件的beforeunload事件

原创于 2024-04-29 18:09:22 发布

· 165 阅读

0 ·

版权

文章标签：

#前端 #javascript #数据库

文章讲述了如何在JavaScript中创建XMLHttpRequest对象，通过GET请求下载文件，并处理成功下载和下载错误的情况，同时注意防止内存泄漏。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

const xhr = new XMLHttpRequest();
        xhr.open('GET', props.downLoadUrl, true);
        xhr.responseType = 'blob';
        xhr.onload = function () {
          if (xhr.status === 200) {
            const blob = xhr.response;
            const urlCreator = window.URL || window.webkitURL;
            const downloadLink = document.createElement('a');
            downloadLink.href = urlCreator.createObjectURL(blob);
            downloadLink.download = getFileNameFromUrl(props.downLoadUrl);
            downloadLink.click();
            btnColor.value = 'rgb(64, 158, 255)';
            // 释放URL对象以避免内存泄漏
            urlCreator.revokeObjectURL(downloadLink.href);
          } else {
            console.error('Error downloading file:', xhr.statusText);
          }
        };
        xhr.onerror = function () {
          console.error('Error downloading file:', xhr.statusText);
        };
        xhr.send();