Question

<!DOCTYPE html>
<html>
<head>
 <title>DropBox Chooser Example</title>
</head>
<body>
 <div id="main">
  <input type="dropbox-chooser" name="selected-files" data-link-type="direct" id="db-chooser"/>
  <div id="content"></div>
 </div>

<script type="text/javascript" src="https://www.dropbox.com/static/api/1/dropins.js" id="dropboxjs" data-app-key="YOUR-APP-KEY"></script>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.tools.min.js"></script>
<script type="text/javascript" src="jquery-layout.js"></script>
<script type="text/javascript">

$(function(){

    var dbChooser = $("#db-chooser");

    dbChooser.on("DbxChooserSuccess", function(e) {

        // Here we will listen when a file is
        // chosen from dropbox, insert it into the page
        // and initialize the Jcrop plugin
        e = e.originalEvent;
       var name = e.files[0].name;
    });
});
</script>
</body>
</html>

这是我尝试实现Dropbox选择器的示例代码。我创建了一个应用程序，我确实传递了应用程序密钥。我遇到的错误是，

最初在页面加载时，我收到$（...）。on不是函数的错误。
当我点击Dropbox选择器按钮时，我得到{“error”：“Invalid origin”}。

我没有得到我错的地方。任何帮助将不胜感激。

Answer 1

今天我遇到了同样的问题并且能够解决。除非脚本在Web服务器上运行，否则Dropbox选择器功能不支持文件浏览。如果您在本地测试您的Web应用程序并通过file：//链接访问它，您将收到“无效源”错误。相反，使用您的Web应用程序运行Web服务器（本地或托管在其他地方），这样可以消除错误。

“error”：使用Dropbox选择器“无效的原点”

1 个答案: