javascript 生成blob url的方法

Posted newmiracle宇宙

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

 

以上是关于javascript 生成blob url的方法的主要内容,如果未能解决你的问题,请参考以下文章

使用 JavaScript 将 png 图像转换为 blob 图像?

如何从 javascript 中的 URL 获取 File() 或 Blob()?

如何为存储在 Blob 容器中的 excel 文件生成 Blob SAS URL

如何生成 blob url?

为 Azure Blob 生成预签名 URL 引发空指针异常

是否可以使用客户端生成的 blob url 保存到 Google Drive