首页 > 编程语言 >视频直播源码,JavaScript 下载文件、图片

视频直播源码,JavaScript 下载文件、图片

时间:2023-05-26 14:13:59浏览次数:41  
标签:obj suffix JavaScript 直播 link const 源码 name

视频直播源码,JavaScript 下载文件、图片

一、下载文件

 


let downLoadFile = (obj, name, suffix) => {
      const url = window.URL.createObjectURL(new Blob([obj]));
      const link = document.createElement('a');
      link.style.display = 'none';
      link.href = url;
      const fileName = parseTime(new Date()) + '-' + name + '.' + suffix;
      link.setAttribute('download', fileName);
      document.body.appendChild(link);
      link.click();
      document.body.removeChild(link);
}
 
downLoadFile(obj, name, suffix);
 
// obj: blob流数据
// 文件名称
// 文件后缀名称

二、下载图片

 


let downLoadImage = (obj, name, suffix) => {
      const blog = new Blob([obj], {
        type: `image/${suffix}`
      });
      const url = URL.createObjectURL(blog);
      const a = document.createElement('a');
      a.download = `${name}.${suffix}`;
      a.href = url;
      a.click();
}
 
downLoadImage(obj, name, suffix);
 
// obj: blob流数据
// 文件名称
// 文z件后缀名称 

 

以上就是 视频直播源码,JavaScript 下载文件、图片,更多内容欢迎关注之后的文章

 

标签:obj,suffix,JavaScript,直播,link,const,源码,name
From: https://www.cnblogs.com/yunbaomengnan/p/17434557.html

相关文章

  • 直播系统源代码,js控制滚动条位置
    直播系统源代码,js控制滚动条位置  privaterenderData=()=>{ /*图形渲染方法*/    this.renderCanvas();    /*定位滚动条,要在图形渲染之后定位*/    constdom=document.getElementById(this._para.container)    dom!.style.ove......
  • Java大文件分片上传/多线程上传源码
    ​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。这次项目的需求:支持大文件的上传和续传,要求续传支持所有浏览器,包括ie6,ie7,ie8,ie9,Chrome,Firefox,360安全浏览器,并且刷新浏览器后仍然能够续传,重启浏览器(关闭......
  • 海内外直播源码加密技术保障您的隐私安全
     在网络生活中,我们常常会面临一些隐私安全问题,很多坏人会利用自己的技术手段,来对别人的网络隐私进行侵犯,例如:入侵我们的摄像头,入侵我们的网站进行篡改或是窃取信息等。当然直播隐私安全也是如此,有一些不法分子会通过网络抓取,或是将流dump到本地进行播放来侵犯我们的隐私合法权......
  • JavaScript 格式化金额
    JavaScript格式化金额一、使用toLocaleString()要格式化金额,可以使用JavaScript的toLocaleString()方法。该方法可以将数字转换为本地化的字符串表示形式,并可以指定货币符号、小数点和千位分隔符等格式。代码如下:美元constamount=1234567.89;constformattedAmou......
  • javascript设计模式-享元
    这是一种优化性能代码的模式,最适合解决因创建大量类似对象而累及性能的问题。对于那些可能一连几天也不会重新加载的大型应用系统非常有用。它用于减少应用程序所需要数量,通过将对象内部划分为内在数据和外在数据两类来实现。管理享元外在数据有许多方法:1、数据库;2、组合模式(利用......
  • 【深度剖析】JavaScript中块级作用域与函数作用域
    前言系列首发于公众号『前端进阶圈』,若不想错过更多精彩内容,请“星标”一下,敬请关注公众号最新消息。面试官必问系列:深入理解JavaScript块和函数作用域在JavaScript中,究竟是什么会生成一个新的作用域,只有函数才会生成新的作用域吗?那JavaScript其他结构能生成新的作用域吗?3.1......
  • MyBatis源码之SqlSession的解读
    MyBatis源码之SqlSession的解读1、SqlSession的简单使用首先先说一下SqlSession是什么?SqlSession其实就是对JDBC中Connection的一个封装,简化了对数据库的操作。当你获取到一个SqlSession的时候其实就是获取到一个数据库连接,可以进行数据库操作,SqlSession顾名思义就是一次与数据......
  • laytpl( Layui 的一款轻量 JavaScript 模板引擎)
    laytpl 是Layui的一款轻量JavaScript模板引擎,在字符解析上有着比较出色的表现。laytpl是一款颠覆性的JavaScript模板引擎文档说明一、模版语法输出一个普通字段,不转义html:{{d.field}}输出一个普通字段,并转义html:{{=d.field}}JavaScript脚本:{{#JavaScriptstate......
  • GPT虚拟直播Demo系列(一)|GPT接入直播间实现主播与观众互动
    摘要ChatGPT和元宇宙都是当前数字化领域中非常热门的技术和应用。结合两者的优势和特点,可以探索出更多的应用场景和商业模式。例如,在元宇宙中使用ChatGPT进行自然语言交互,可以为用户提供更加智能化、个性化的服务和支持;在ChatGPT中使用元宇宙进行虚拟现实体验,可以为用户提供更加真......
  • drf——权限、认证源码分析、过滤、排序、分页
    权限、认证源码(了解)权限源码#继承了APIView才有的---》执行流程---》dispatch中的三大认证 self.initial(request,*args,**kwargs) #1.APIView的dispatch中self.initial(request,*args,**kwargs) definitial(self,request,*args,**kwargs):se......