Vue2项目循环下载视频方法，亲测有效

遇到过这样的一个需求，就是勾选数据，然后循环下载视频，刚开始直接用普通的下载方式不管勾选多少条数据只会下载一个视频

res.data.data.forEach(r=>{
window.SITE_CONFIG.apiURL +"/backstage/download/download" +"?fileUrl=" +r +"&token=" +Cookies.get("token");
})

然后我就找到了这个办法，亲测有效

 res.data.data.forEach((r) => {const iframe = document.createElement("iframe");iframe.style.display = "none"; // 防止影响页面iframe.style.height = 0; // 防止影响页面iframe.src =window.SITE_CONFIG.apiURL +"/backstage/download/download" +"?fileUrl=" +r +"&token=" +Cookies.get("token");document.body.appendChild(iframe); // 这一行必须，iframe挂在到dom树上才会发请求// 5分钟之后删除setTimeout(() => {iframe.remove();}, 5 * 60 * 1000);});注意：
window.SITE_CONFIG.apiURL是你的请求路径
Cookies.get("token")获取token

Vue2项目循环下载视频方法，亲测有效相关推荐

网上的音乐怎么下载成mp3格式歌曲？这3种一键下载的方法亲测好用！
网易云音乐客户端是支持直接下载音乐的,但是有时候是加密格式,今天就教大家3个直接网页下载mp3格式音乐的方法,下载之后直接就能播放,亲测好用! 方法一:审查元素下载一个简单有效的下载方法,不需要使用 ...
电视android已停止运行是什么意思,智能电视提示应用停止运行，三种方法亲测有效！...
原标题:智能电视提示应用停止运行,三种方法亲测有效! 智能电视使用时间一长,或者是使用不当总会出现一些问题,当电视机页面出现"某软件"已经停止运行提示的时候,是什么原因导致的?自己 ...
为Android购买多个改装微信,分享外面高价售卖的修改微信号方法亲测成功仅限安卓手机...
分享外面在高价售卖的微信号修改方法亲测成功仅限安卓手机这个方法今天在外面看到很多人在代修改,转卖方法!小编觉得还是有必要发出来让大家去动手尝试一下! 实际上这个修改微信号的功能在内测版微信就可以 ...
教给大家怎么跟好友一起看视频？亲测可用
教给大家怎么跟好友一起看视频?亲测可用. 薯片APP 哈喽,大家好.最近很多朋友在后台留言咨询薯片小姐姐怎么跟好友一起看视频,相信大家在日常生活中都会遇到这样的问题,想找可用邀请好友一起同步观看视频的 ...
windows 2003 远程桌面无法使用剪贴板共享纯文本的解决方法(亲测可用）
windows 2003 远程桌面无法使用剪贴板共享纯文本的解决方法(亲测可用) 参考文章: (1)windows 2003 远程桌面无法使用剪贴板共享纯文本的解决方法(亲测可用) (2)https: ...
微信开发者解除绑定微信公众号的方法,亲测有效
微信开发者解除绑定微信公众号的方法,亲测有效微信关注 '公众平台安全助手' 点击'绑定查询',选择'微信号绑定账号',出现以下页面: 点击列表右边的箭头 ,选择'解除绑定'即可: 这个问题相信对很多 ...
笔记本识别不出来U盘的解决方法 [亲测有效]
笔记本识别不出来U盘的解决方法 [亲测有效] 转载连接https://jingyan.baidu.com/album/f96699bbfa1491894e3c1bc3.html?picindex=4 ...
内涵段子里的下载视频方法
内涵段子里的下载视频方法右键点击审查元素 http://i.snssdk.com 开头的地址转载于:https://www.cnblogs.com/PS-apple/p/4783518.html
服务器进tp5项目报nginx404错误,TP5框架在nginx环境下路由报404错误解决方法亲测可用...
前段时间给客户写了个TP5框架的后台,主要是API调用,上传到客户服务器后发现首页可用,但所有内页报404错误,网上一搜发现天多一样的问题,但找了很多都是不可用的,而且都是过时的,但最终还是自己试出来 ...

Vue2项目循环下载视频方法，亲测有效

Vue2项目循环下载视频方法，亲测有效相关推荐

最新文章

热门文章