js数据流文件下载

高先生的猫

于 2022-11-10 13:56:17 发布

阅读量477

点赞数

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/z591102/article/details/127787541

版权

JavaScript 专栏收录该内容

730 篇文章

订阅专栏

该代码段展示了如何根据不同的文件类型，如图片、Word文档、视频、音频和PDF，利用JavaScript创建Blob对象并创建下载链接来实现数据流文件的下载。函数接受文件类型、文件名和数据流作为参数，动态设置下载文件的MIME类型和文件名，并通过模拟点击下载链接来触发下载操作。

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

js数据流文件下载

/**
 * @param: fileType - 文件类型
 * @param: fileName - 文件名称
 * @param: data  - 数据流文件
 **/
function download(fileType, bucketName,data) {
  let downType = "";
  let downName = "";
  if (fileType == "image") {
    downType = "image/png";
    downName = fileName + ".png";
  } else if (fileType == "word") {
    downType = "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
    downName = fileName + ".docx";
  } else if (fileType == "video") {
    downType = "video/mpeg4";
    downName = fileName + ".mp4";
  } else if (fileType == "radio") {
    downType = "audio/mpeg";
    downName = fileName + ".mp3";
  } else if (fileType == "pdf") {
    downType = "application/pdf";
    downName = fileName + ".pdf";
  }
  let blob = new Blob([data], { type: downType });
  let downloadElement = document.createElement("a");
  let href = window.URL.createObjectURL(blob);
  downloadElement.href = href;
  document.body.appendChild(downloadElement);
  //downloadElement.setAttribute("download", downName);//设置下载名称
  downloadElement.download = downName; //设置下载文件名称
  downloadElement.click();
  document.body.removeChild(downloadElement); //移除元素；防止连续点击创建多个a标签
  window.URL.revokeObjectURL(href);
}