<!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>
这是我尝试实现保管箱选择器的示例代码。我已经创建了一个应用程序，并且确实传递了应用程序 key 。我遇到的错误是，
最初在页面加载时，我收到 $(...).on 不是函数的错误。
当我点击保管箱选择器按钮时，我收到{"error": "Invalid origin"}。
我没有弄错我要去的地方。任何帮助将不胜感激。
最佳答案
我今天遇到了同样的问题，并且能够解决。除非脚本在 Web 服务器上运行，否则 Dropbox Chooser 功能不支持文件浏览。如果您在本地测试您的 Web 应用程序并通过 file://链接访问它，您将收到“无效来源”错误。相反，使用您的 Web 应用程序运行 Web 服务器(本地或托管在其他地方)，这应该可以消除错误。
关于javascript - "error": "Invalid origin" using dropbox chooser，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16412023/