下载链接中带有blob:https的视频文件

想下载某酷上的视频资源,想当然的像下载图片一样;在浏览器找到图片的地址然后直接下载就行了呗。却发现https路径前带有blob:

blob:https并不是一种协议,而是html5blob对象在赋给video标签后生成的一串标记,blob对象对象包含的数据,浏览器内部会解析。

那如果我想下载,怎么下载勒?

资源的真实下载链接可在chrome的调式模式的network中找到,但资源比较特殊,即m3u8格式的资源。

在这里插入图片描述

这种格式的视频会被分解成很多个小片段,这个链接下载的是一个包含多个小视频(.ts格式的视频)的链接集合。

找到一个m3u8的下载工具,亲测可用; 但发现某酷上的视频下载下来是多个.ts 道,试试其他的网站应该就可以了。

一个简单易用的m3u8下载器

在这里插入图片描述

原文链接

  • 6
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Vue实现文件下载带有Token验证可以按照以下步骤进行操作: 1. 首先,在Vue项目创建一个下载文件的方法。可以将此方法写在一个Vue组件或是一个工具文件,方便复用。命名为`downloadFile`。 2. 在`downloadFile`方法,首先确保用户已经登录并获取到有效的Token。可以从本地存储获取Token值或是通过Vuex的状态管理来获取。 3. 在发送下载文件的请求之前,需要在请求的头部添加Token信息,以便进行验证。可以使用axios或是其他网络请求库发送请求。示例代码如下: ```javascript import axios from 'axios'; const downloadFile = async (fileUrl, token) => { try { const response = await axios.get(fileUrl, { responseType: 'blob', headers: { 'Authorization': `Bearer ${token}` } }); // 创建一个下载链接 const downloadUrl = window.URL.createObjectURL(new Blob([response.data])); // 创建一个虚拟的下载链接,模拟用户点击下载 const link = document.createElement('a'); link.href = downloadUrl; link.setAttribute('download', 'filename.ext'); document.body.appendChild(link); link.click(); document.body.removeChild(link); // 释放占用的资源 window.URL.revokeObjectURL(downloadUrl); } catch (error) { console.error('下载文件失败', error); } }; ``` 4. 在需要进行文件下载的地方,调用`downloadFile`方法,并传入文件的URL和Token作为参数。例如,绑定一个点击事件来触发文件下载: ```html <template> <button @click="handleDownload">下载文件</button> </template> <script> import { mapState } from 'vuex'; import { downloadFile } from '@/utils/downloadFile'; export default { methods: { handleDownload() { const fileUrl = 'http://example.com/file.txt'; const token = this.token; // 从Vuex的状态管理获取Token downloadFile(fileUrl, token); } }, computed: { ...mapState(['token']) } }; </script> ``` 通过以上步骤,我们就可以在Vue实现文件下载带有Token验证。需要注意的是,下载文件的接口需要正确验证Token,在后端服务进行相应的处理。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值