前端通过后端地址进行导出excel、pdf、mp4

emo王子

已于 2022-08-22 16:02:48 修改

阅读量1.5k

点赞数

文章标签：前端音视频 vue.js

于 2022-02-21 18:19:34 首次发布

本文链接：https://blog.youkuaiyun.com/aaaaaaaa_ewf/article/details/123052842

版权

// 通过后端返回的视频地址下载视频
    const saveVideoToLocal = () => {
      dataInfo.loading = true;  //loading 防止重复点击
      let link = document.createElement('a');  //创建一个a标签
      link.style.display = 'none';
      var url = videoLink;   //地址（后端返回的地址）
      fetch(url)
        .then((res) => res.blob())
        .then((blob) => {  // 将链接地址字符内容转变成blob地址
          link.href = URL.createObjectURL(blob);
          //指定下载名字
          link.download = `${clientName.value}_${orderId}_${customerIdNo.value}.mp4`
          document.body.appendChild(link);
          link.click();
          window.URL.revokeObjectURL(url);
          dataInfo.loading = false;
        }).catch((e)=>{
        message.error('请求超时')
      });
    };