js通过url下载pdf文件

Yz前端知识

已于 2023-06-05 21:05:47 修改

阅读量2k

点赞数

文章标签： javascript vue.js

于 2023-06-05 21:05:07 首次发布

本文链接：https://blog.csdn.net/weixin_45168167/article/details/131056101

版权

import { fileLinkToStreamDownload , urlFile , throttle} from '@/utils/downFlie'

//methods 事件
let filePath = this.appendPath(data.lcaPath)//这里可以使用windows.origin
// 后端上传文件返回请求的filePath地址
console.log( filePath, 3333333 );
//  获取文件名
let fileName = urlFile(filePath, 1);
//  获取文件后缀
let fileExtension = urlFile(filePath, 2);
//  url下载
fileLinkToStreamDownload(filePath,fileName,fileExtension);

export function fileLinkToStreamDownload(url, fileName, type) {
    let reg = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+).)+([A-Za-z0-9-~\/])+$/;
    if (!reg.test(url)) {
      throw new Error("传入参数不合法,不是标准的文件链接");
    } else {
      let xhr = new XMLHttpRequest();
      xhr.open('get', url, true);
      xhr.setRequestHeader('Content-Type', `application/${type}`);
     xhr.responseType = "blob";
      xhr.onload = function () {
        if (this.status == 200) {
          //接受二进制文件流
          console.log(this)
          var blob = this.response;
          const blobUrl = window.URL.createObjectURL(blob);
           // 这里的文件名根据实际情况从响应头或者url里获取
           const a = document.createElement('a');
           a.href = blobUrl;
           a.download = fileName;
           a.click();
           window.URL.revokeObjectURL(blobUrl);
        }
      }
      xhr.send();
    }
  }
 
  // 获取url中需要的数据  type  1: 获取文件名  2：获取后缀  3：获取文件名+后缀  4:获取文件前缀
 export function urlFile(url, type) {
    let filename = url.substring(url.lastIndexOf('/') + 1)
    switch (type){
        case 1: return filename; break;
        case 2: return filename.substring(filename.lastIndexOf(".") + 1); break;
        case 3: return filename.substring(0, filename.lastIndexOf(".")); break;
        case 4: return url.substring(0, url.lastIndexOf('/') + 1)
    }   
 }