Dropbox选择器可从用户的Dropbox帐户上传文件

Question

嗨，我实现了用户可以从其保管箱帐户上传图片的功能。 为此，我找到了Dropbox Chooser，它有助于从我们的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>

Answer 1

通过在服务器中设置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 。

希望这可以帮助！！！！