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