Dropbox选择器从用户的保管箱帐户上传文件

时间:2018-03-28 15:12:32

标签: javascript dropbox-api

您好我正在实现用户可以从其保管箱帐户上传图片的功能。为此,我找到了Dropbox Chooser,它有助于从我们的Dropbox帐户上传文件。以下是代码,使用了dropbox选择器文档。当我点击按钮时,它应该打开带有Dropbox登录屏幕的窗口。我得到了Dropbox屏幕但是有一条消息'抱歉这个小小的打嗝....请尝试重新登录页面'。我发现了一些类似的问题论坛并遵循他们的解决方当然,没有人工作。任何帮助表示赞赏,并且会很棒。 TIA

的index.php

<div id="dropbox-upload-container"></div>

<script type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="wgiv8kvzvq57mlw"></script>
<script type="text/javascript">
    options = {
        success: function(files) {
            files.forEach(function(file) {
            // add_img_to_list(file);
            });
        },
        cancel: function() {
          //optional
        },
        linkType: "preview", // "preview" or "direct"
        multiselect: true, // true or false
        extensions: ['.png', '.jpg'],
    };

    var button = Dropbox.createChooseButton(options);
    document.getElementById("dropbox-upload-container").appendChild(button);

</script>

1 个答案:

答案 0 :(得分:0)

通过在服务器中设置html页面可以避免此错误。为此,我使用了express-node.js。

以下是片段: 的 finaltest.js

var express = require('express');
var app = express();

app.use(express.static('public'));
app.get('/', function (req, res) {
   res.sendFile( __dirname + "/" + "finaltest.html" );
})

var server = app.listen(8081)

对于html,js:https://codepen.io/sreepurna/pen/NYmMaj

现在运行服务器 - 节点finaltest.js

转到网络浏览器并使用http://localhost:8081

希望这有助于!!!!