下载mp4文件_电脑怎么下载mp4格式的视频

下载mp4文件_电脑怎么下载mp4格式的视频实现mp4文件的下载,而不是在线播放

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

实现mp4文件的下载,而不是在线播放

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
     <button onclick="GetFile()">下载</button>
     <script>
         // 会先下载流,完成后才弹出选择目录,所以最好加上进度条
         function GetFile(){
             axios({
                 url: `http://image.wangrui8.top/dms-2019-07-22-00-00~1.mp4`,
                 method: 'get',
                 responseType: 'blob',
                 onDownloadProgress (progress){
                     // 这里是下载的进度
                    console.log(Math.round(progress.loaded / progress.total * 100) + '%');
                 },
             })
                 .then(res=>{
                    let blobUrl = window.URL.createObjectURL(res.data);
                    let link = document.createElement('a');
                    document.body.appendChild(link);
                    link.href = blobUrl;
                    link.download = '下载文件.mp4';
                    link.click();
                    window.URL.revokeObjectURL(blobUrl);
                 })
         }
     </script>
</body>
</html>

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/167011.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 如何遍历ArrayList集合,并安全删除其中的元素[通俗易懂]

    如何遍历ArrayList集合,并安全删除其中的元素[通俗易懂]如何遍历ArrayList集合,并安全删除其中的元素?1、遍历ArrayList集合有三种方式(1)for循环(2)增强for循环,也就是foreach(3)迭代器iterator2、普通for循环遍历删除元素,list集合的大小会变小,而索引也会发生改变,所以利用ffor循环遍历删除元素会漏调某些元素。例如我for循环遍历删除第一个元素,接着按照…

    2022年7月22日
  • centos7部署k8s_怎么在自己电脑上搭建网站

    centos7部署k8s_怎么在自己电脑上搭建网站学习K8S时,常常需要自己搭建环境,本人将centOS-7上搭建K8S的过程进行做如下的记录,以方便自己后续环境的搭建和指导其他人搭建环境作为参考资料,本章节主要介绍如何搭建kubernetes的集群环境集群环境搭建集群类型kubernetes集群大体上分为两类:一主多从和多主多从。一主多从:一台Master节点和多台Node节点,搭建简单,但是有单机故障风险,适合用于测试环境多主多从:多台Master节点和多台Node节点,搭建麻烦,安全性高,适合用于生产环境说明:为了测试简单,本次搭建

    2022年8月12日
  • CSS中设置鼠标样式

    CSS中设置鼠标样式cursor规则是设定网页浏览时用户鼠标指针的样式,也就是鼠标的图形形状所有主流浏览器都支持cursor属性。注释:Opera9.3和Safari3不支持 url 值。注释:任何版本的InternetExplorer(包括IE8)都不支持属性值"inherit"。定义和用法cursor属性规定要显示的光标的类型(形状)。该属性定义了鼠标指针放在一个…

    2022年5月31日
  • openid什么意思_openId

    openid什么意思_openId在使用IdentityServer作IdentityProvider的时候,我们在NetCore的ConfigureServices((IServiceCollectionservices))方

    2022年8月17日
  • Java版本历史「建议收藏」

    Java版本历史「建议收藏」Java语言自JDK1.0版本以来经历了许多次更新,也在基本程序库中增加了大量的类别和包。从J2SE1.4开始,Java语言的变动由JavaCommunityProcess(JCP)管理,JCP使用Java规范请求(JavaSpecificationRequests,JSRs)来建议和定义对Java平台内容的新增和修改。Java语言由Java语言规范(JavaLanguageSpecification,JLS)定义,对JLS的更改则根据JSR901(页面存档备份,存于互联网档案馆)管理。

    2022年7月9日
  • JSP实现留言板「建议收藏」

    JSP实现留言板「建议收藏」JSP实现留言板submitMsg.jsp<%@pageimport=”java.util.ArrayList”%><%@pageimport=”bean.Message”%><%@pageimport=”java.util.List”%><%@pagelanguage=”java”contentType=”text/html;…

    2022年10月9日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号