首页 > 编程语言 >javascript 下载 application/octet-stream 文件

javascript 下载 application/octet-stream 文件

时间:2024-02-07 17:55:17浏览次数:27  
标签:stream application url javascript octet xhr id

function downloadFile(id) {
    var xhr = new XMLHttpRequest();
    xhr.open('POST', 'https://localhost/api/app/isp-detection/' + id + '/download');
    xhr.responseType = 'blob';
    xhr.setRequestHeader('Content-Type', 'application/octet-stream');
    xhr.onload = function () {
        if (xhr.status === 200) {
            var a = document.createElement('a');
            var url = window.URL.createObjectURL(xhr.response);
            console.log(url);
            a.href = url;
            a.download = id + '.xlsx';
            document.body.appendChild(a);
            a.click();
            window.URL.revokeObjectURL(url);
        }
    };
    xhr.send();
}

 

标签:stream,application,url,javascript,octet,xhr,id
From: https://www.cnblogs.com/xinzheng/p/18011156

相关文章

  • JavaScript 的实际应用
    1. WebWizardry:从表单验证到交互。地图、JavaScript使网页变得栩栩如生,将静态内容转变为动态体验。2. MobileMagic:得益于ReactNative和Ionic等框架,JavaScript不再仅仅局限于浏览器。它正在向移动应用程序开发领域展开翅膀,将其魔力带入iOS和Android。3.游戏开始:?借......
  • Java和JavaScript区别与联系
    区别和联系Java和JavaScript是两种不同的编程语言,尽管它们的名称相似,但它们有着不同的特性、用途和工作环境。以下是对它们之间区别与联系的详细说明:语言类型:Java:Java是一种静态类型的编程语言,意味着在编译时需要声明变量的类型,并且强调面向对象编程。JavaScript:JavaScri......
  • JavaScript 实现类似SQL 左联接式的对象数组合并
    在JavaScript中,你可以使用对象合并(Objectmerging)来模拟数据库的左联接操作。左联接操作会将两个对象的特定属性进行合并,类似于SQL中的LEFTJOIN操作。假设你有两个对象,每个对象代表一个表:consttable1=[{id:1,age:30},{id:3,age:25},];consttable2......
  • JavaScript的正则表达式
    目录一、概念二、修饰符1.g(global,全局)2.i(ignorecase,不区分大小写)3.m(multi-line,多行)4.s(single-line,单行)5.u(Unicode,Unicode字符)6.y(sticky,粘性)三、元字符1..(匹配非换行符\n的任意一个字符)2.\d(匹配数字)3.\D(匹配除数字以外的所有字符)......
  • JavaScript移动端的手指触摸touch事件
    目录概念touchstart触摸发生事件touchend触摸结束事件touchmove触摸移动事件touchcancel触摸取消事件自定义事件自定义轻触事件方法touchtap自定义左右划动事件方法touchswiper概念在JavaScript中,移动端基本的手指触摸touch事件有四种,分别为:touchstart:手指触摸屏幕时......
  • JavaScript函数柯里化
    目录概念函数柯里化的实现函数柯里化简写函数柯里化使用案例函数柯里化工厂函数概念函数柯里化就是给一个函数传入一部分参数,此时就会返回一个函数来接收剩余的参数。使用场景:递归使用和处理函数,函数功能尽可能单一。函数柯里化的实现//没有柯里化的实现function......
  • 《数据篇》stream,流(区别于数据流)
    链接:https://blog.csdn.net/QiuHaoqian/article/details/1209421341、什么是流流是从支持数据处理操作的源生成的元素序列,源可以是数组、文件、集合、函数。流不是集合元素,它不是数据结构并不保存数据,它的主要目的在于计算。2、如何生成流生成流的方式主要有五种1、通过集合......
  • stream流
    目录一、流程1.创建流2.中间操作3.终结操作二、中间操作1.过滤filter2.map()3.sorted()4.flatMap5.limit()6.skip(inta)7.去重8.排序三、终结操作1.forEach2.count3.max&min4.collect5.anyMatch(重写判断条件)6.allMatch(重写判断条件)7.noneMatch(重写判断条件)8.findAny随......
  • 你知道哪些JavaScript语句?
    我们在上一节课中已经讲过了JavaScript语法的顶层设计,接下来我们进入到更具体的内容。JavaScript遵循了一般编程语言的“语句-表达式”结构,多数编程语言都是这样设计的。我们在上节课讲的脚本,或者模块都是由语句列表构成的,这一节课,我们就来一起了解一下语句。在JavaScript标......
  • 你知道哪些JavaScript语句?
    我们在上一节课中已经讲过了JavaScript语法的顶层设计,接下来我们进入到更具体的内容。JavaScript遵循了一般编程语言的“语句-表达式”结构,多数编程语言都是这样设计的。我们在上节课讲的脚本,或者模块都是由语句列表构成的,这一节课,我们就来一起了解一下语句。在JavaScript......