gpt4 book ai didi

javascript - 链接未显示在保管箱选择器应用程序中

转载 作者:行者123 更新时间:2023-11-30 17:38:53 25 4
gpt4 key购买 nike

我正在努力尝试获取一个链接以在 Dropbox 选择器插件应用程序中弹出。我正在使用 javascript 方法并插入到 html 页面中。出现保管箱选择器按钮,我可以从保管箱弹出窗口中选择一个文件,但结果只是一个绿色的复选标记,没有像演示中那样的链接(我已经尝试了直接和预览方法).我已经为此苦苦挣扎了几个小时。有人发现任何错误,或者有好的代码片段想分享吗?

这是我的代码:

<script type="text/javascript" src="https://www.dropbox.com/static/api/1/dropins.js" id="dropboxjs" data-app-key="XXXXXX"></script> 
<!-- Replace data-app-key with yours --> <script type="text/javascript">
// add an event listener to a Chooser button
document.getElementById("db-chooser").addEventListener("DbxChooserSuccess",
function(e) {
alert("Here's the chosen file: " + e.files[0].link)
window.location.href = 'e.files[0].link';
}, false);
</script>
<input data-link-type="direct" id="db-chooser" name="selected-file" type="dropbox-chooser" />
<div id="link-div" style="display: none">Link:</div>
<script type="text/javascript">
document.getElementById("db-chooser").addEventListener("DbxChooserSuccess",
function(e) {
var link = document.getElementById("link");
link.textContent = link.href = e.files[0].link;
document.getElementById("link-div").style.display = "block";
}, false);
</script>

最佳答案

我在上面的代码中看到两个问题。

  1. 第一个脚本在实际出现在页面上之前引用了 db-chooser,因此它可能根本不起作用。
  2. 第二个脚本查找名为 link 的元素,但我认为您指的是 link-div

最后,您可能想要更新到最新版本的 dropins.js,因为它是最新的。 :-) input 标签版本已经消失,您可以使用 createChooseButton。这是使用最新版本的完整工作示例:

<!doctype html>
<html>
<head>
<script src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="XXXXXX"></script>
</head>
<body>
<div id="container"></div>
<a id="link"></a>

<script>
var button = Dropbox.createChooseButton({
success: function(files) {
var linkTag = document.getElementById('link');
linkTag.href = files[0].link;
linkTag.textContent = files[0].link;
},
linkType: 'direct'
});
document.getElementById('container').appendChild(button);
</script>
</body>
</html>

关于javascript - 链接未显示在保管箱选择器应用程序中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21471171/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com