鏈接未顯示在保管箱選擇器應用程序中

Question

我正在努力獲取要在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>

Answer 1

我在上面的代碼中看到了兩個問題。

第一個腳本實際上在頁面上之前就引用了db-chooser ，因此可能根本無法使用。
第二個腳本查找名為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>

鏈接未顯示在保管箱選擇器應用程序中

問題描述

1 個解決方案

解決方案1
2 2014-01-31 03:16:31

鏈接未顯示在保管箱選擇器應用程序中

問題描述

1 個解決方案

解決方案1 2 2014-01-31 03:16:31

解決方案1
2 2014-01-31 03:16:31