前端接收java后端返回base64二进制流下载mp4

VIP文章小白来袭

已于 2022-09-16 11:59:35 修改

阅读量3.5k

点赞数 1

文章标签： vue.js javascript

于 2022-08-05 15:09:39 首次发布

本文链接：https://blog.csdn.net/weixin_47218793/article/details/126177897

版权

最近遇到个关于mp4视频下载的需求，以前只做过文件的下载，觉得原理是差不多。又查了很多vue文件下载的文章，经过筛选排查最后总结出了以下这两种方法。

第一种：

正常的base64视频流的显示是这样子的 data:video/mp4;base64，二进制

使用a标签的href就拼接成上面的格式要求调用，就可以下载下来

downloadFile(url).then(res=>{
  if (res.data.code==200){
    let arr = res.data.data 

    // base64二进制加上前缀data:video/mp4;base64，
    const source = `data:video/mp4;base64,${arr}`;
    const link = document.createElement('a');
    link.href = source;
    link.download = fileName; //文件名
    link.click();
  }
})