下载mp4文件

最新推荐文章于 2024-03-30 08:08:50 发布

weixin_30435261

最新推荐文章于 2024-03-30 08:08:50 发布

阅读量2.1k

点赞数 1

文章标签： php javascript java ViewUI

原文链接：http://www.cnblogs.com/wangrui38/p/11384777.html

版权

实现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://www.cnblogs.com/wangrui38/p/11384777.html

weixin_30435261

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
下载mp4文件

实现mp4文件的下载，而不是在线播放<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://unpkg.com...
复制链接

扫一扫