
如何使用 js 下载 post 请求获取的视频文件?
问题:
使用 post 请求获取的视频文件流,如何将其转换为视频文件并下载?
解决方案:
使用 responsedata: 'blob':
使用 responsedata: 'blob' 可以在 ajax 回调中接收 blob。然后,使用 url.createobjecturl 将其转换为 bloburl,并将其放入具有 download 属性的 a 标签中以触发下载。
const xhr = new xmlhttprequest();
xhr.open('post', '/video');
xhr.responsetype = 'blob';
xhr.onload = function() {
if (xhr.status === 200) {
const blob = xhr.response;
const bloburl = url.createobjecturl(blob);
const a = document.createelement('a');
a.href = bloburl;
a.download = 'video.mp4';
a.click();
}
};
xhr.send();使用 form target:
此方法直接触发浏览器的默认下载,所以支持移动端和后台下载。但是,此方法不支持携带标头。
<form target="_blank" action="/video" method="POST"> <input type="hidden" name="file_id" value="123"> <input type="submit" value="下载"> </form>
使用临时授权 url:
此方法解决了 form target 的缺点,实现了安全的下载功能,并支持移动端和后台下载。首先,生成一个带有效期的临时授权 url,然后在 a 标签或 form 中使用该 url 下载资源。










