Dropbox API v2 JavaScript读取文件

时间:2017-03-06 09:57:35

标签: javascript api dropbox

我想使用Dropbox的JavaScript API(v2)从Dropbox读取文本文件的内容,据我所知,最接近的方法是filesDownload()。假设我们在根文件夹中有一个test.txt文件,内容为'abc'。我的JavaScript代码如下所示(我使用webpack)

var Dropbox = require('dropbox');
var dbx = new Dropbox({accessToken: '...'});

dbx.filesDownload({path: '/test.txt'})
    .then(function (response) {
        console.log(response);
    })
    .catch(function (error) {
        console.log(error);
    })

实际返回了一个对象,其中包含以下内容

Object {
    client_modified: "2017-03-06T06:34:24Z"
    content_hash: "f62f4917741f7ed26e883d8193ddf477cde87b99dfbd8d5d8f67eb400087e0b6"
    ...
}

但返回的对象中没有文件内容(例如“abc”)。相反,当我检查chrome浏览器控制台的网络选项卡时,我可以看到名为“download”的文件,其中包含内容为“abc”的网址“https://content.dropboxapi.com/2/files/download”。

我的问题是,我怎样才能真正获得文件的内容? (一旦我可以获得内容,那么很容易在网页上显示它们)

1 个答案:

答案 0 :(得分:9)

哦,我弄清楚如何获取文件的内容。 返回的对象实际上包含一个fileBlob对象

Object
    client_modified: "2017-03-06T06:34:24Z"
    ....
    fileBlob: Blob
        size: 5
        type: "application/octet-stream"
        __proto__: Blob
            ...

您可以使用浏览器的fileReader来获取内容。所以完整的代码看起来像下面的

var Dropbox = require('dropbox');
var dbx = new Dropbox({accessToken: '...'});

dbx.filesDownload({path: '/test.txt'})
    .then(function (response) {
        var blob = response.fileBlob;
        var reader = new FileReader();
        reader.addEventListener("loadend", function() {
            console.log(reader.result); // will print out file content
        });
        reader.readAsText(blob);
    })
    .catch(function (error) {
        ...
    })