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

Question

Hi I am implementing the functionality in which users can upload pictures from their dropbox account. For that I found Dropbox Chooser, which helps to upload the files form our dropbox account. Following is the code, used dropbox chooser documentation. When I click on button, it supposed to open the window with the dropbox login screen. I get the dropbox screen but with the message 'Sorry for this little hiccups.... please try to relaod the page'. I found some similar problems forums and followed their solutions. Ofcourse, none worked. Any help is appreciated and would be great. 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

Can avoid this error by setting the html page with in the server. For this purpose, I used express - node.js.

Following is the snippet: 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)

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

Now run the server - node finaltest.js

Go to the web browser and use http://localhost:8081 .

Hope this helps!!!!