H5下载视频到本地

最新推荐文章于 2024-07-30 18:25:13 发布

码农遇见菜鸟

最新推荐文章于 2024-07-30 18:25:13 发布

阅读量3.8k

点赞数

文章标签： javascript 前端 css3

本文链接：https://blog.youkuaiyun.com/weixin_40597855/article/details/125123358

版权

下载视频到本地

$(document).on("click",".download",function(){
         var url=$(this).attr("url");
         var xhr = new XMLHttpRequest();
         xhr.open('GET', url, true);
         xhr.responseType = 'arraybuffer';    // 返回类型blob
         xhr.onload = function () {
              if (xhr.readyState === 4 && xhr.status === 200) {
                   let blob = this.response;
                   // 转换一个blob链接
                   let u = window.URL.createObjectURL(new Blob([blob],{ type: 'video/mp4' }))
                   let a = document.createElement('a');
                   a.download ="video";
                   a.href = u;
                   a.style.display = 'none'
                   document.body.appendChild(a)
                   a.click();
                   a.remove();
              }
         };
         xhr.send()
     })