javascript 生成blob url的方法详解编程语言

javascript  生成blob url的方法

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Blob Url</title> 
</head> 
<body> 
    <video id="video" width="400" controls="controls"></video> 
    <script type="text/javascript"> 
        //创建XMLHttpRequest对象 
        var xhr = new XMLHttpRequest(); 
        //配置请求方式、请求地址以及是否同步 
        xhr.open('POST', '/sfwanshengjie/mp4/shipin1.mp4', true); 
        //设置请求结果类型为blob 
        xhr.responseType = 'blob'; 
        //请求成功回调函数 
        xhr.onload = function(e) { 
            if (this.status == 200) { 
                //获取blob对象 
                var blob = this.response; 
                console.log(blob); 
                //获取blob对象地址,并把值赋给容器 
                document.getElementById("video").src = URL.createObjectURL(blob); 
            } 
        }; 
        xhr.send(); 
    </script> 
</body> 
</html>

原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/18745.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论