5

我有

我有一个网站试图向客户提供一项服务，以便能够从 Dropbox 下载文件。为了简化开发，我使用Dropbox 选择器。为此，我启用了我希望从中下载的域，并将<script>Dropbox 本身建议的标签（带有相应的data-app-key）包含到我的 HTML 页面中。一切都很甜蜜。

问题

现在我需要下载用户选择的文件。 Dropbox 选择器似乎没有为此提供任何功能，它所做的只是检索有关文件的信息。在我的情况下，这是一个direct link, 来下载文件。

在我看来，要下载文件，我需要使用Dropbox.Client在//cdnjs.cloudflare.com/ajax/libs/dropbox.js/0.9.1/dropbox.min.js的另一个 Dropbox javascript 库中定义的文件

所以使用那个库我运行这样的代码：

//OPTIONS FOR DROPBOX CHOOSER
var options = {
        linkType: "direct",

        // THIS FUNCITON RUNS WHEN USER SELECTS SOMETHING
        // FROM DOPBOX_CHOOSER
        success: function (files) {

            // DEFINE APP KET FOR DROPBOX_CLIENT (KEY, SECRET...), WHICH I GET
            // BY CREATING NEW "CORE API" TYPE:Full Dropbox APPLICATION ON 
            // DROPBOX APP CONSOLE 
            var appKey = { key: 'APP KEY', secret: 'CLIENT SECRET', sandbox: true };

            //INIT CLIENT
            var client = new Dropbox.Client(appKey);

            //TRY TO AUTHENTICATE IT
            client.authenticate(function (error, client) {
                if (error) {
                    console.log(error);
                }
                if (client.isAuthenticated()) {

                    //READ FILES 
                    for (var i = 0; i < files.length; i++) {
                        var file = files[i];
                        client.readFile(file.link, function (error, data) {
                            if (error) {
                                return console.log(error);  // Something went wrong.
                            }

                            alert(data);  // data has the file's contents
                        });
                    }
                } else {
                    console.log("Error on authentication");
                }
            });


        },
        cancel: function () {

        }
    };

    //OPEN DROPBOX_CHOOSER
    Dropbox.choose(options);

但这一切都没有报告我：

在此处输入图像描述

如果我不打电话 client.authenticate，我将无法下载文件，因为收到“未授权错误”通知。

问题

我该如何解决这个问题。?

4

3 回答 3

3

一个简单直接的解决方案是使用 XMLHTTP，如下所示

function readDropbox(sURL) 
{
    var oRequest = new XMLHttpRequest();
    oRequest.open("GET",sURL,false);
    oRequest.onreadystatechange = function(oEvent) 
    {  
        if (oRequest.readyState === 4) 
        {  
            if (oRequest.status === 200) 
            {  
                console.log(oRequest.responseText)  
            } 
            else  
            {  
                console.log("Error", oRequest.statusText);  
            }  
        } 
    } 
    oRequest.setRequestHeader("User-Agent",navigator.userAgent); 
    try 
    {
        oRequest.send(null)
    } 
    catch (err) 
    {
        alert(err);
    }
    if (oRequest.status == 200) 
    {
        return oRequest.responseText;
    }
    else 
    {
        alert("Error - File not found in Dropbox public folder");
        return null;
    }
}
于 2013-04-30T04:34:27.900 回答
0

您无需使用 Dropbox.js 从选择器返回的链接下载文件。Dropbox.js 是一个用于连接 Dropbox Core API 的库，它独立于选择器。client.readFile 函数旨在获取授权 Dropbox 帐户中文件的路径，而不是您拥有的文件的 URL。

由于您已经拥有不需要身份验证的所需文件的直接链接，因此您可以通过平台可用的任何方式直接下载它。（一个简单的例子可能是在你的终端中使用 curl。）

于 2013-04-04T20:10:30.023 回答
0

如果您想从客户端 javascript 代码访问 Dropbox 文件的内容，我建议您使用服务器端获取内容并将它们发送回客户端（使用 Ajax 似乎最优雅）。通常不可能从 javascript 代码访问当前域之外的任何 URL 的内容（例外是对外部 javascript 代码的引用）。

于 2013-04-16T19:55:23.267 回答