精华内容
下载资源
问答
  • js string转二进制流
    千次阅读
    2019-06-26 14:58:11

    //功能 将数据流转换为二进制流

     //参数 base64:对应数据流

      function base64ToArrayBuffer(base64) {
                var binaryString = window.atob(base64);
                var binaryLen = binaryString.length;
                var bytes = new Uint8Array(binaryLen);
                for (var i = 0; i < binaryLen; i++) {
                    var ascii = binaryString.charCodeAt(i);
                    bytes[i] = ascii;
                }
                return bytes;
            }

    更多相关内容
  • 一、发起接口请求后台保存的二进制文件 import axios from 'axios' import { getToken } from '@/utils/auth' const mimeMap = { word: 'application/msword;application/vnd.openxmlformats-officedocument....

    一、发起接口请求后台保存的二进制文件流

    import axios from 'axios'
    import { getToken } from '@/utils/auth'
    
    const mimeMap = {
      word: 'application/msword;application/vnd.openxmlformats-officedocument.wordprocessingml.document;',
      pdf: 'application/pdf',
      xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
      zip: 'application/zip'
    }
    
    const baseUrl = process.env.VUE_APP_BASE_API;
    export function downLoadZip(str, filename) {
      var url = baseUrl + str
      axios({
        method: 'get',
        url: url,
        responseType: 'blob',
        headers: { 'Authorization': 'Bearer ' + getToken() }
      }).then(res => {
        resolveBlob(res, mimeMap.zip)
      })
    }

    二、解析响应的blob数据

    /**
     * 解析blob响应内容并下载
     * @param {*} res blob响应内容
     * @param {String} mimeType MIME类型
     */
    export function resolveBlob(res, mimeType) {
      const aLink = document.createElement('a')
      var blob = new Blob([res.data], { type: mimeType })
      // 从response的headers中获取filename, 后端response.setHeader("Content-disposition", "attachment; filename=xxxx.docx") 设置的文件名;
      var pattern = new RegExp('filename=([^;]+\\.[^\\.;]+);*')
      var contentDisposition = decodeURI(res.headers['content-disposition'])
      var result = pattern.exec(contentDisposition)
      var fileName = result[1]
      fileName = fileName.replace(/\"/g, '')
      aLink.href = URL.createObjectURL(blob)
      aLink.setAttribute('download', fileName) // 设置下载文件名称
      document.body.appendChild(aLink)
      aLink.click()
      document.body.appendChild(aLink)
    }

    展开全文
  • 基于原先做的一个业务,需要将后端传过来的二进制流图片展示出来 图片base64 function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img...

    基于原先做的一个业务,需要将后端传过来的二进制流图片展示出来

    图片转base64

    function getBase64Image(img) {
         var canvas = document.createElement("canvas");
         canvas.width = img.width;
         canvas.height = img.height;
         var ctx = canvas.getContext("2d");
         ctx.drawImage(img, 0, 0, img.width, img.height);
         var ext = img.src.substring(img.src.lastIndexOf(".") + 1).toLowerCase();
         var dataURL = canvas.toDataURL("image/" + ext);
         return dataURL;
     }
     (() => {
    	let img = new Image();
         img.setAttribute('crossOrigin', 'anonymous');
         //网络图片地址
         img.src = 'http://666.itshare.club/1603509156777';
         img.onload = () => {
             let getBase64Str = getBase64Image(img);
         }
     })()
    

    HTMLCanvasElement.toDataURL() 方法返回一个包含图片展示的 data URI 。
    浏览器打印后可以看到我们已经拿到base64的图片地址
    在这里插入图片描述

    base64转二进制流

    将我们刚刚获得的base64转成二进制流

    function dataURLtoBlob(dataurl) {
         var arr = dataurl.split(','),
             mime = arr[0].match(/:(.*?);/)[1],
             bstr = atob(arr[1]),
             n = bstr.length,
             u8arr = new Uint8Array(n);
         while (n--) {
             u8arr[n] = bstr.charCodeAt(n);
         }
         // return new Blob([u8arr], {
         //     type: mime
         // });
         return u8arr
     }
    function getBase64Image(img) {
         var canvas = document.createElement("canvas");
         canvas.width = img.width;
         canvas.height = img.height;
         var ctx = canvas.getContext("2d");
         ctx.drawImage(img, 0, 0, img.width, img.height);
         var ext = img.src.substring(img.src.lastIndexOf(".") + 1).toLowerCase();
         var dataURL = canvas.toDataURL("image/" + ext);
         return dataURL;
     }
     (() => {
    	let img = new Image();
         img.setAttribute('crossOrigin', 'anonymous');
         //网络图片地址
         img.src = 'http://666.itshare.club/1603509156777';
         img.onload = () => {
         	//获得base64
             let getBase64Str = getBase64Image(img);
             //获得二进制流
             let getBlobStr = dataURLtoBlob(getBase64Str)
         }
     })()
    

    使用atob()函数用于解码使用 base-64 编码的字符串
    在这里插入图片描述
    使用Uint8Array来保存每一个字符的 Unicode 编码

    在这里插入图片描述

    将二进制流转成图片

    function dataURLtoBlob(dataurl) {
         var arr = dataurl.split(','),
             mime = arr[0].match(/:(.*?);/)[1],
             bstr = atob(arr[1]),
             n = bstr.length,
             u8arr = new Uint8Array(n);
         while (n--) {
             u8arr[n] = bstr.charCodeAt(n);
         }
         // return new Blob([u8arr], {
         //     type: mime
         // });
         return u8arr
     }
    function getBase64Image(img) {
         var canvas = document.createElement("canvas");
         canvas.width = img.width;
         canvas.height = img.height;
         var ctx = canvas.getContext("2d");
         ctx.drawImage(img, 0, 0, img.width, img.height);
         var ext = img.src.substring(img.src.lastIndexOf(".") + 1).toLowerCase();
         var dataURL = canvas.toDataURL("image/" + ext);
         return dataURL;
     }
     (() => {
    	let img = new Image();
         img.setAttribute('crossOrigin', 'anonymous');
         //网络图片地址
         img.src = 'http://666.itshare.club/1603509156777';
         img.onload = () => {
         	//获得base64
             let getBase64Str = getBase64Image(img);
             //获得二进制流
             let getBlobStr = dataURLtoBlob(getBase64Str);
             // 二进制流转成base64
             let img64 = btoa(new Uint8Array(getBlobStr).reduce((data, byte) => data + String.fromCharCode(byte),''))
         }
     })()
    

    使用btoa()创建一个 base-64 编码的字符串
    new Uint8Array(getBlobStr).reduce((data, byte) => data + String.fromCharCode(byte),'')是将原先存储在Unit8Array中的数值转成字符

    获得base64地址
    在这里插入图片描述
    只要创建一个图片,拼接一下base64地址就可以展示图片了

            (() => {
                let img = new Image();
                debugger
                img.setAttribute('crossOrigin', 'anonymous');
                img.src = 'http://666.itshare.club/1603509156777';
                img.onload = () => {
                    let getBase64Str = getBase64Image(img);
                    let getBlobStr = dataURLtoBlob(getBase64Str)
                    var img64 = btoa(new Uint8Array(getBlobStr).reduce((data, byte) => data + String.fromCharCode(byte),''))
                    let myImg = document.createElement('img');
                    myImg.src = "data:image/png;base64,"+img64;
                    document.body.appendChild(myImg)
                }
            })()
    

    总结

    1. btoa()用来创建base64编码字符串,atob()用于解码base64字符串
    2. 可以用toDataURL来获得图片的base64地址
    展开全文
  • 文件转换为二进制流

    热门讨论 2013-02-19 16:06:26
    文本字符串与byte[], 整个物理文件与byte[], 物理文件内容与byte[], stream与byty[] 之间的相互转换。 从磁盘读取文件,将文件写入磁盘。
  • 1 认识二进制数据 二进制是计算技术中广泛采用的一种数制。二进制数据是用0和1两个数码来表示的数。它的基数为2,进位规则是“逢二进一”,借位规则是“借一当二”,由18世纪德国数理哲学大师莱布尼兹发现。—— ...

    1 认识二进制数据

    二进制是计算技术中广泛采用的一种数制。二进制数据是用0和1两个数码来表示的数。它的基数为2,进位规则是“逢二进一”,借位规则是“借一当二”,由18世纪德国数理哲学大师莱布尼兹发现。

    —— 百度百科

    二进制数据就像上图一样,由0和1来存储数据。普通的十进制数转化成二进制数一般采用"除2取余,逆序排列"法,用2整除十进制整数,可以得到一个商和余数;再用2去除商,又会得到一个商和余数,如此进行,直到商为小于1时为止,然后把先得到的余数作为二进制数的低位有效位,后得到的余数作为二进制数的高位有效位,依次排列起来。例如,数字10转成二进制就是1010,那么数字10在计算机中就以1010的形式存储。

    而字母和一些符号则需要通过 ASCII 码来对应,例如,字母a对应的 ACSII 码是 97,二进制表示就是0110 0001。JavaScript 中可以使用 charCodeAt 方法获取字符对应的 ASCII:

    b69b4bd10cb6e46634f242d6a54dca0a.png

    除了ASCII外,还有一些其他的编码方式来映射不同字符,比如我们使用的汉字,通过 JavaScript 的 charCodeAt 方法得到的是其 UTF-16 的编码。

    a81f52d45a114d3270421c6c9ba3d40f.png

    Node 处理二进制数据

    JavaScript 在诞生初期主要用于表单信息的处理,所以 JavaScript 天生擅长对字符串进行处理,可以看到 String 的原型提供特别多便利的字符串操作方式。

    b0b17270f269bcb4df1f4b3ca59f14d9.png

    但是,在服务端如果只能操作字符是远远不够的,特别是网络和文件的一些 IO 操作上,还需要支持二进制数据流的操作,而 Node.js 的 Buffer 就是为了支持这些而存在的。好在 ES6 发布后,引入了类型数组(TypedArray)的概念,又逐步补充了二进制数据处理的能力,现在在 Node.js 中也可以直接使用,但是在 Node.js 中,还是 Buffer 更加适合二进制数据的处理,而且拥有更优的性能,当然 Buffer 也可以直接看做 TypedArray 中的 Uint8Array。除了 Buffer,Node.js 中还提供了 stream 接口,主要用于处理大文件的 IO 操作,相对于将文件分批分片进行处理。

    2 认识 Buffer

    Buffer 直译成中文是『缓冲区』的意思,顾名思义,在 Node.js 中实例化的 Buffer 也是专门用来存放二进制数据的缓冲区。一个 Buffer 可以理解成开辟的一块内存区域,Buffer 的大小就是开辟的内存区域的大小。下面来看看Buffer 的基本使用方法。

    API 简介

    早期的 Buffer 通过构造函数进行创建,通过不同的参数分配不同的 Buffer。

    new Buffer(size)

    创建大小为 size(number) 的 Buffer。

    new Buffer(5)// 

    new Buffer(array)

    使用八位字节数组 array 分配一个新的 Buffer。

    const buf = new Buffer([0x74, 0x65, 0x73, 0x74])// // 对应 ASCII 码,这几个16进制数分别对应 t e s t// 将 Buffer 实例转为字符串得到如下结果buf.toString() // 'test'

    new Buffer(buffer)

    拷贝 buffer 的数据到新建的 Buffer 实例。

    const buf1 = new Buffer('test')const buf2 = new Buffer(buf1)

    new Buffer(string[, encoding])

    创建内容为 string 的 Buffer,指定编码方式为 encoding。

    const buf = new Buffer('test')// // 可以看到结果与 new Buffer([0x74, 0x65, 0x73, 0x74]) 一致buf.toString() // 'test'

    更安全的 Buffer

    由于 Buffer 实例因第一个参数类型而执行不同的结果,如果开发者不对参数进行校验,很容易导致一些安全问题。例如,我要创建一个内容为字符串 "20" 的 Buffer,而错误的传入了数字 20,结果创建了一个长度为 20 的Buffer 实例。

    e3d1dfc9ef4c3ae28e0a974d6a0f6dec.png

    可以看到上图,Node.js 8 之前,为了高性能的考虑,Buffer 开辟的内存空间并未释放之前已存在的数据,直接将这个 Buffer 返回可能导致敏感信息的泄露。因此,Buffer 类在 Node.js 8 前后有一次大调整,不再推荐使用 Buffer 构造函数实例 Buffer,而是改用Buffer.from()、Buffer.alloc() 与 Buffer.allocUnsafe() 来替代 new Buffer()。

    Buffer.from()

    该方法用于替代 new Buffer(string)、new Buffer(array)、new Buffer(buffer)。

    Buffer.alloc(size[, fill[, encoding]])

    该方法用于替代 new Buffer(size),其创建的 Buffer 实例默认会使用 0 填充内存,也就是会将内存之前的数据全部覆盖掉,比之前的 new Buffer(size) 更加安全,因为要覆盖之前的内存空间,也意味着更低的性能。

    同时,size 参数如果不是一个数字,会抛出 TypeError。

    0f4f616f08eee9206421aafa293e2717.png

    Buffer.allocUnsafe(size)

    该方法与之前的 new Buffer(size) 保持一致,虽然该方法不安全,但是相比起 alloc 具有明显的性能优势。

    43aa486fc3db0dd0a1a69d48faa975ee.png

    Buffer 的编码

    前面介绍过二进制数据与字符对应需要指定编码,同理将字符串转化为 Buffer、Buffer 转化为字符串都是需要指定编码的。

    Node.js 目前支持的编码方式如下:

    • hex:将每个字节编码成两个十六进制的字符。

    • ascii:仅适用于 7 位 ASCII 数据。此编码速度很快,如果设置则会剥离高位。

    • utf8:多字节编码的 Unicode 字符。许多网页和其他文档格式都使用 UTF-8。

    • utf16le:2 或 4 个字节,小端序编码的 Unicode 字符。

    • ucs2:utf16le 的别名。

    • base64:Base64 编码。

    • latin1:一种将 Buffer 编码成单字节编码字符串的方法。

    • binary:latin1 的别名。

    比较常用的就是 UTF-8、UTF-16、ASCII,前面说过 JavaScript 的 charCodeAt 使用的是 UTF-16 编码方式,或者说 JavaScript 中的字符串都是通过 UTF-16 存储的,不过 Buffer 默认的编码是 UTF-8。

    49376e2abc04a74ef0cfe62a39629677.png

    可以看到一个汉字在 UTF-8 下需要占用 3 个字节,而 UTF-16 只需要 2 个字节。主要原因是 UTF-8 是一种可变长的字符编码,大部分字符使用 1 个字节表示更加节省空间,而某些超出一个字节的字符,则需要用到 2 个或 3 个字节表示,大部分汉字在 UTF-8 中都需要用到 3 个字节来表示。UTF-16 则全部使用 2 个字节来表示,对于一下超出了 2 字节的字符,需要用到 4 个字节表示。2 个字节表示的 UTF-16 编码与 Unicode 完全一致,通过汉字Unicode编码表可以找到大部分中文所对应的 Unicode 编码。前面提到的 『汉』,通过 Unicode 表示为 6C49。

    1d9d868f3a7c7b50cf4ab7cd5653efdf.png

    这里提到的 Unicode 编码又被称为统一码、万国码、单一码,它为每种语言都设定了统一且唯一的二进制编码,而上面说的 UTF-8、UTF-16 都是他的一种实现方式。更多关于编码的细节不再赘述,也不是本文的重点,如果想了解更多可自行搜索。

    乱码的原因

    我们经常会出现一些乱码的情况,就是因为在字符串与 Buffer 的转化过程中,使用了不同编码导致的。

    我们先新建一个文本文件,然后通过 utf16 编码保存,然后通过 Node.js 读取改文件。

    003113c07339d5b3d81af324be074276.png

    const fs = require('fs')const buffer = fs.readFileSync('./1.txt')console.log(buffer.toString())

    0e7483400b2c6ae15030423ec7134134.png

    由于 Buffer 在调用 toString 方法时,默认使用的是 utf8 编码,所以输出了乱码,这里我们将 toString 的编码方式改成 utf16 就可以正常输出了。

    const fs = require('fs')const buffer = fs.readFileSync('./1.txt')console.log(buffer.toString('utf16le'))

    4395c20989ef5e00ca8ddf86debcb1e6.png

    3 认识 Stream

    前面我们说过,在 Node.js 中可以利用 Buffer 来存放一段二进制数据,但是如果这个数据量非常的大使用 Buffer 就会消耗相当大的内存,这个时候就需要用到 Node.js 中的 Stream(流)。要理解流,就必须知道管道的概念。

    在类Unix操作系统(以及一些其他借用了这个设计的操作系统,如Windows)中,管道是一系列将标准输入输出链接起来的进程,其中每一个进程的输出被直接作为下一个进程的输入。这个概念是由道格拉斯·麦克罗伊为Unix 命令行发明的,因与物理上的管道相似而得名。

    -- 摘自维基百科

    我们经常在 Linux 命令行使用管道,将一个命令的结果传输给另一个命令,例如,用来搜索文件。

    ls | grep code

    这里使用 ls 列出当前目录的文件,然后交由 grep 查找包含 code 关键词的文件。

    在前端的构建工具 gulp 中也用到了管道的概念,因为使用了管道的方式来进行构建,大大简化了工作流,用户量一下子就超越了 grunt。

    // 使用 gulp 编译 scssconst gulp = require('gulp')const sass = require('gulp-sass')const csso = require('gulp-csso')gulp.task('sass', function () {  return gulp.src('./**/*.scss')    .pipe(sass()) // scss 转 css    .pipe(csso()) // 压缩 css    .pipe(gulp.dest('./css'))})

    前面说了这么多管道,那管道和流直接应该怎么联系呢。流可以理解为水流,水要流向哪里,就是由管道来决定的,如果没有管道,水也就不能形成水流了,所以流必须要依附管道。在 Node.js 中所有的 IO 操作都可以通过流来完成,因为 IO 操作的本质就是从一个地方流向另一个地方。例如,一次网络请求,就是将服务端的数据流向客户端。

    const fs = require('fs')const http = require('http')const server = http.createServer((request, response) => {    // 创建数据流    const stream = fs.createReadStream('./data.json')    // 将数据流通过管道传输给响应流    stream.pipe(response)})server.listen(8100)// data.json{ "name": "data" }

    d02d186fc74f0ab5e741ab5c7611bd82.png

    使用 Stream 会一边读取 data.json 一边将数据写入响应流,而不是像 Buffer 一样,先将整个 data.json 读取到内存,然后一次性输出到响应中,所以使用 Stream 的时候会更加节约内存。

    其实 Stream 在内部依然是运作在 Buffer 上。如果我们把一段二进制数据比做一桶水,那么通过 Buffer 进行文件传输就是直接将一桶水倒入到另一个桶里面,而使用 Stream,就是将桶里面的水通过管道一点点的抽取过去。

    Stream 与 Buffer 内存消耗对比

    这里如果只是口头说说可能感知不明显,现在分别通过 Stream 和 Buffer 来复制一个 2G 大小的文件,看看 node 进程的内存消耗。

    Stream 复制文件

    // Stream 复制文件const fs = require('fs');const file = './file.mp4';fs.createReadStream(file)  .pipe(fs.createWriteStream('./file.copy.mp4'))  .on('finish', () => {      console.log('file successfully copy');  })

    dc24f5b2b52bd1619e6f0735bae466bd.png

    Buffer 复制文件

    // Buffer 复制文件const fs = require('fs');const file = './file.mp4';// fs.readFile 直接输出的是文件 Bufferfs.readFile(file, (err, buffer) => {    fs.writeFile('./file.copy.mp4', buffer, (err) => {        console.log('file successfully copy');    });});

    ed3a37136d68605dd98fb206f40798bc.png

    通过上图的结果可以看出,通过 Stream 拷贝时,只占用了我电脑 0.6% 的内存,而使用 Buffer 时,占用了 15.3% 的内存。

    API 简介

    在 Node.js 中,Steam 一共被分为五种类型。

    可读流(Readable),可读取数据的流;

    可写流(Writable),可写入数据的流;

    双工流(Duplex),可读又可写的流;

    转化流(Transform),在读写过程中可任意修改和转换数据的流(也是可读写的流);

    所有的流都可以通过 .pipe 也就是管道(类似于 linux 中的 |)来进行数据的消费。另外,也可以通过事件来监听数据的流动。不管是文件的读写,还是 http 的请求、响应都会在内部自动创建 Stream,读取文件时,会创建一个可读流,输出文件时,会创建可写流。

    可读流(Readable)

    虽然叫做可读流,但是可读流也是可写的,只是这个写操作一般是在内部进行的,外部只需要读取就行了。

    可读流一般分为两种模式:

    流动模式:表示正在读取数据,一般通过事件监听来获取流中的数据。

    暂停模式:此时流中的数据不会被消耗,如果在暂停模式需要读取可读流的数据,需要显式调用stram.read()。

    可读流在创建时,默认为暂停模式,一旦调用了 .pipe,或者监听了 data 事件,就会自动切换到流动模式。

    const { Readable } = require('stream')// 创建可读流const readable = new Readable()// 绑定 data 事件,将模式变为流动模式readable.on('data', chunk => {  console.log('chunk:', chunk.toString()) // 输出 chunk})// 写入 5 个字母for (let i = 97; i < 102; i++) {  const str = String.fromCharCode(i);  readable.push(str)}// 推入 `null` 表示流已经结束readable.push(null)

    3e510387857e218e538829ea4c7daf2c.png

    const { Readable } = require('stream')// 创建可读流const readable = new Readable()// 写入 5 个字母for (let i = 97; i < 102; i++) {  const str = String.fromCharCode(i);  readable.push(str)}// 推入 `null` 表示流已经结束readable.push('\n')readable.push(null)// 通过管道将流的数据输出到控制台readable.pipe(process.stdout)

    56b0d66b33463986804f9be09f8fa6b0.png

    上面的代码都是手动创建可读流,然后通过 push 方法往流里面写数据的。前面说过,Node.js 中数据的写入都是内部实现的,下面通过读取文件的 fs 创建的可读流来举例:

    const fs = require('fs')// 创建 data.json 文件的可读流const read = fs.createReadStream('./data.json')// 监听 data 事件,此时变成流动模式read.on('data', json => {  console.log('json:', json.toString())})

    01b1f1d159bcd48087cc4960ae9ce03f.png

    可写流(Writable)

    可写流对比起可读流,它是真的只能写,属于只进不出的类型,类似于貔貅。

    创建可写流的时候,必须手动实现一个 _write() 方法,因为前面有下划线前缀表明这是内部方法,一般不由用户直接实现,所以该方法都是在 Node.js 内部定义,例如,文件可写流会在该方法中将传入的 Buffer 写入到指定文本中。

    写入如果结束,一般需要调用可写流的 .end() 方法,表示结束本次写入,此时还会调用 finish 事件。

    const { Writable } = require('stream')// 创建可写流const writable = new Writable()// 绑定 _write 方法,在控制台输出写入的数据writable._write = function (chunk) {  console.log(chunk.toString())}// 写入数据writable.write('abc')// 结束写入writable.end()_write 方法也可以在实例可写流的时候,通过传入对象的 write 属性来实现。const { Writable } = require('stream')// 创建可写流const writable = new Writable({  // 同,绑定 _write 方法    write(chunk) {    console.log(chunk.toString())  }})// 写入数据writable.write('abc')// 结束写入writable.end()

    69fe3b3398c63bfcca094c5193840e17.png

    下面看看 Node.js 中内部通过 fs 创建的可写流。

    const fs = require('fs')// 创建可写流const writable = fs.createWriteStream('./data.json')// 写入数据,与自己手动创建的可写流一致writable.write(`{  "name": "data"}`)// 结束写入writable.end()

    看到这里就能理解,Node.js 在 http 响应时,需要调用 .end() 方法来结束响应,其实内部就是一个可写流。现在再回看前面通过 Stream 来复制文件的代码就更加容易理解了。

    const fs = require('fs');const file = './file.mp4';fs.createReadStream(file)  .pipe(fs.createWriteStream('./file.copy.mp4'))  .on('finish', () => {      console.log('file successfully copy');  })

    双工流(Duplex)

    双工流同时实现了 Readable 和 Writable,具体用法可以参照可读流和可写流,这里就不占用文章篇幅了。

    管道串联

    前面介绍了通过管道(.pipe())可以将一个桶里的数据转移到另一个桶里,但是有多个桶的时候,我们就需要多次调用 .pipe()。例如,我们有一个文件,需要经过 gzip 压缩后重新输出。

    const fs = require('fs')const zlib = require('zlib')const gzip = zlib.createGzip() // gzip 为一个双工流,可读可写const input = fs.createReadStream('./data.json')const output = fs.createWriteStream('./data.json.gz')input.pipe(gzip) // 文件压缩gzip.pipe(output) // 压缩后输出

    面对这种情况,Node.js 提供了 pipeline() api,可以一次性完成多个管道操作,而且还支持错误处理。

    const { pipeline } = require('stream')const fs = require('fs')const zlib = require('zlib')const gzip = zlib.createGzip()const input = fs.createReadStream('./data.json')const output = fs.createWriteStream('./data.json.gz')pipeline(  input,   // 输入  gzip,    // 压缩  output,  // 输出  // 最后一个参数为回调函数,用于错误捕获  (err) => {    if (err) {      console.error('压缩失败', err)    } else {      console.log('压缩成功')    }  })

    4 参考

    字符编码笔记

    Buffer | Node.js API

    stream | Node.js API

    stream-handbook

    43ad47aced688f3ddfd3149efd8b736b.png

    关注我们

    85566ce64ba7c190cbf17a14334ccfca.png 4f372fb3e069a12b2ccb4dc12b97c67a.png

    公众号ID:前端Sharing

    冰淇淋里有夏天的味道

    展开全文
  • 上一篇博客我们说到了如何进行数字类型(如Short、Int、Long类型)如何在JavaScript中进行二进制转换,如果感兴趣的可以可以阅读本系列第二篇博客——WebSocket系列之JavaScript中数字数据如何转换为二进制数据。...
  • 微信小程序中遇到的js字符串与二进制的转换
  • public static void main(String[] args) { // PDF通过Base64方式转为二进制字节 String pdfBase64Str = fromPdfToBinary("E:/Test20210520.pdf"); System.out.println("转换后的字节/n:" + pdfBase64...
  • /// /// fileToData 的摘要说明 /// public class fileToData { public fileToData() { // // TODO: 在此处添加构造函数逻辑 // } public static string FileToBinary(string fpath) { FileStream fs = new ...
  • 1、请求方式  axios({ url: ‘请求地址’, responseType: ‘arraybuffer’, method: ‘get/post’, params: { …...2、const url = `[removed]${btoa(new Uint8Array(res).reduce((data, byte) => data + String.fromC
  • String字符串(utf-8) new TextEncoder().endoce() new TextDecoder().decode() /** * arraybuffer字符串 * @param {*} buffer ArrayBuffer * @param {*} decodeType 编码格式 * @returns 字符串 */ ...
  • JS十进制转二进制

    千次阅读 2020-08-01 08:52:00
    主要需求:十进制转二进制,可以控制指定的位数。 转化显示后的二进制数为bin-bit中输入的数字宽度。 dec-number为5,bin-bit为5,则转化后数字为00101。 如果bin-bit小于转化后的二进制本身位数,则使用原本的位数...
  • 将经过加密的二进制数据保存到本地的方法byte[] src = new byte[] { 122,-69, -17, 92, -76, 52, -21, -87, -10, 105, 76, -75, 98, 38, -78, -120, -119, -55, -113, 72, 40, -118, -85, -98, 84, -87 };...
  • JavaScript读二进制文件并用ajax传输二进制流的方法2018-12-30编程之家收集整理的这篇文章主要介绍了JavaScript读二进制文件并用ajax传输二进制流的方法,编程之家小编觉得挺不错的,现在分享给大家,也给大家做个...
  • } 但当二进制字符串对应的十进制数字时,radix需要填2,将原值视为二进制的数 function base2(str) { var decimalNum = parseInt(str,2); console.log(decimalNum); } base2('3'); //NaN,因为二进制中没有3 base2...
  • 十进制小数转为二进制小数方法 拿 173.8125 举例如何将之转化为二进制小数。 ①. 针对整数部分 173,采取除 2 取余,逆序排列;173 / 2 = 86 … 1 86 / 2 = 43 … 0 43 / 2 = 21 … 1 ↑ 21 / 2 = 10 … 1 | 逆序排列...
  • base64格式转为二进制流

    千次阅读 2021-11-26 09:21:03
    dataURItoBlob(base64Data) { console.log(base64Data, '????') // data:image/png;base64, var byteString if (base64Data.split(','...= 0) byteString = atob(base64Data.split(',')[1]) // base64 解码 else {
  • PDF二进制流的字符串,及将二进制流反转成PDF

    万次阅读 热门讨论 2018-10-24 11:36:44
     * 我的网盘\我的笔记\学习文档子目录压缩\工具技术2\PDF二进制流的字符串,及将二进制流反转成PDF\PDFBinary.jar  */ public class PDFBinaryUtil {  /*BASE64Encoder和BASE64Decoder这两个方法是sun...
  • js 二进制流导出excel

    2021-11-10 14:54:00
    <button type="button" class="btn btn-success" style="margin-left: 15px;...js //DKD档案导出 function ExportHealthRecords() { var xhr = new XMLHttpRequest(); // 添加请求的方式,地址 ...
  • vue 下载文件兼容ie;接口返回去url 转二进制流下载;vue 下载表格;vue项目 兼容
  • 本文主要通过对JavaScript中数字数据与二进制数据之间的转换,让读者能够了解在JavaScript中如何对数字类型(包括但不限于Number类型)进行处理。 二进制数据在日常的JavaScript中很少遇到,但是当你使用WebSocket...
  • js 实现十进制与二进制的转换

    千次阅读 2022-04-20 13:26:31
    js 实现十进制与二进制的转换
  • 目录二进制转浮点数浮点数转二进制 二进制转浮点数 单精度 binary_to_float(data){ let buf = new Uint8Array(data); buf.reverse(); let buf32 = new Float32Array(buf.buffer); return buf32[0]; } 双精度 ...
  • JavaScript如何转换二进制数据显示成图片
  • 构造Blob对象 Blob对象表示一个不可变的, 原始数据的类似文件对象 var bolb = new Blob( array, options ); 复制代码 ...下载文件的两种方式:blob = new Blob([this.response], {type: type})1.Bl...
  • 在webSokcet客户端调用后,服务器返回给客户端为二进制,在客户端通过js将对象转为字符串或者对象,由于在调用服务端的时候客户端浏览器报websocket Could not decode a text frame as UTF-8,于是将客户端和服务端...
  • 二进制流导出

    千次阅读 2022-03-14 13:55:43
    插件方式 插件地址 https://github.com/kennethjiang/js-file-download 下载 npm install js-file-download --save ...function download(url: string, filename: string) { Axios.get(url, { respons.
  • 二进制流下载文件

    2022-07-20 19:38:59
    后端返回二进制流,前端进行下载时,一般需要成blob(BinarylargeObject),然后再进行下载。
  • var bytedata = [String.fromCharCode(b1),String.fromCharCode(b2),String.fromCharCode(b3)]; newchar = ((b1 & 0xf) | (b2 & 0x3f) | (b3 & 0x3f)); console.log(String.fromCharCode(newchar))
  • JS解析二进制数据

    万次阅读 2019-05-24 17:20:45
    JS解析二进制流使用函数TypeArray(buffer, byteOffset,length):第一个参数是ArrayBuffer,第二个参数是偏移量(以字节计),第三个参数是数据的长度(以字节计)。 TypeArray详细参考:...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 92,551
精华内容 37,020
热门标签
关键字:

js string转二进制流