js下载文件并修改文件名 / js判断文件后缀

最新推荐文章于 2024-06-19 15:50:08 发布

前端bug工程师

最新推荐文章于 2024-06-19 15:50:08 发布

阅读量2k

点赞数

分类专栏： js基础文章标签： javascript html html5 js

本文链接：https://blog.csdn.net/weixin_45421249/article/details/120163616

版权

js基础专栏收录该内容

5 篇文章 0 订阅

订阅专栏

js下载文件并修改文件名 / js判断文件后缀

代码如下（示例）：

	//handlerName:文件名   filePath:下载路径
    downloadFile (handlerName, filePath) {
      //截取.后字符
      var index= filePath.lastIndexOf(".");
      //获取文件后缀判断文件格式
      var ext = filePath.substr(index+1);
      if(ext==='jpg'){//jpg图片
        window.open(filePath, '_blank')//打开新的页面 预览
      }else{//doc文件直接下载
        let blob = new Blob([filePath], {
          type:
            "application/vnd.openxmlformats-officedocument.wordprocessingml.document;charset=utf-8"
        });
        let url = window.URL.createObjectURL(blob);
        let fileName = handlerName;//这里文件名可以固定;依照需求
        if ("download" in document.createElement("a")) {
          const a = document.createElement("a");
          a.href = url;
          a.download = fileName;
          a.style.display = "none";
          document.body.appendChild(a);
          a.click();
          URL.revokeObjectURL(a.href);
          document.body.removeChild(a);
        } else {
          navigator.msSaveBlob(blob, fileName);
        }
      }
    },