V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
yazoox
V2EX  ›  JavaScript

不懂就问, Blob 类型,怎么通过 fileBinary 属性转化成 ArrayBuffer 的?

  •  
  •   yazoox · 2020-09-16 18:14:34 +08:00 · 1647 次点击
    这是一个创建于 1289 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近在修一个 legacy bug,看到一段不太懂的代码。

    调用的是 dropbox 的 api (参考这个链接) https://www.dropbox.com/developers/documentation/http/documentation#files-download

    这里的 dropbox 的文档就有点问题。该 API 的返回值,其实包含一个 property named fileBlob,类型是 Blob (在文档里面没有写出来)

    我们就是通过这个 fileBlob 拿到下载文件的内容。

    我们代码大约是:

    async get(fileId: string): Promise<ArrayBuffer> {
    
    “blabla...”
    
    const fileData = await [dropbox SDK client API call]
    return (fileData as any).fileBinary;
    
    }
    

    成功返回了。内容也都拿到了。但是,这里,我不理解的是, fileData 的类型是 dropbox.files.FileMetadata, 这个里面只有 property - fileBlob,类型是 Blob,没有 fileBinary 啊?这是怎么通过(fileData as any).fileBinary 转化成 ArrayBuffer 的?

    更骚的是, 外面的调用者,直接通过下面这段来判断文件大小,也是成功的。

    const fileData = await get("fileid");
    (fileData as Buffer).length
    

    google 了一些 ArrayBuffer, Blob, and Buffer 的相关资料,也没发现能够这样转换啊?

    特来请教一下。有没有老司机 /大神解惑一下。

    谢谢!

    4 条回复    2020-09-17 12:34:30 +08:00
    akatquas
        1
    akatquas  
       2020-09-16 18:59:43 +08:00
    yazoox
        2
    yazoox  
    OP
       2020-09-17 08:09:32 +08:00
    @akatquas
    谢谢。清晰了好多。

    dropbox 的 API 文档太坑了,这也不写,那也不写。fileBlob 没有写,fileBinary 也不写,还得去看源代码。
    这一点,以前确实不知道: web & node 环境,这内容的返回类型还不同,blob or buffer,难道统一不好么?
    还是说,因为技术限制 or 某些约定俗成 or best practice?
    akatquas
        3
    akatquas  
       2020-09-17 10:04:11 +08:00
    @yazoox
    浏览器环境里面没有 buffer,它使用了 [blob]( https://developer.mozilla.org/en-US/docs/Web/API/Blob) 来实现 的 二进制数据处理。

    简单的说 blob 就是 浏览器下面的 buffer .
    rioshikelong121
        4
    rioshikelong121  
       2020-09-17 12:34:30 +08:00
    Blob 是对 ArrayBuffer 的高级抽象。ArrayBuffer 是 JS 操作二进制的基本机制。

    具体可见: https://javascript.info/arraybuffer-binary-arrays
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3325 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 13:22 · PVG 21:22 · LAX 06:22 · JFK 09:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.