前端实现视频直链下载

来源：前端点击直链会单独打开页面并进行播放，但是不会实现直接下载。
###1.主要代码

    downVideo (url, name){
		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 = name;
				  a.href = u;
				  a.style.display = 'none'
				  document.body.appendChild(a)
				  a.click();
				  a.remove();
			 }
		};
		xhr.send()
	}

//调用  点击按钮实现mp4格式视频下载
downVideo(video.download_url,video.title)

标签：直链,视频,url,前端,xhr,video,blob,download,let
来源： https://blog.csdn.net/baidu_41457482/article/details/117106614