Take Your Search Game to the Next Level with Dropbox Dash  🚀✨ Curious how it works? Ask us here! 

Forum Discussion

neunygph's avatar
neunygph
Explorer | Level 4
9 years ago
Solved

Dropbox JavaScript SDK vs Dropbox saver JavaScript

Hello,

 

I'm just starting to use Dropbox JavaScript SDK from http://dropbox.github.io/dropbox-sdk-js/Dropbox.html on my client side. But there is a conflict when using both refrences from 

 

<script src="https://unpkg.com/dropbox/dist/Dropbox-sdk.min.js" ></script>

 

AND

 

<script src="//www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="riqoimk2j9c8d1m" ></script>

 

Both references has Dropbox object and Dropbox function (both same name) and this cause javascript error when creating a saver button. For instance:

 

var button = Dropbox.createSaveButton(options)

 

This createSaveButton will cause an error since there is no "createSaveButton" method from https://unpkg.com/dropbox/dist/Dropbox-sdk.min.js. Is there a way that I can distinguish these 2 "Dropbox" object/function so their methods can be called properly.

 

Thanks

  • These libraries weren't written with each other in mind unfortunately, but you can do something like this to work around it:

     

        <script src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="riqoimk2j9c8d1m" ></script>
        <script type="text/javascript">
            var Dropbox_Dropins = Dropbox;
        </script>
    
        <script src="https://unpkg.com/dropbox/dist/Dropbox-sdk.min.js" ></script>
        <script type="text/javascript">
            var Dropbox_SDK = Dropbox;
        </script>

    And then you can use Dropbox_Dropins or Dropbox_SDK in place of Dropbox respectively.

5 Replies

Replies have been turned off for this discussion
  • Greg-DB's avatar
    Greg-DB
    Icon for Dropbox Community Moderator rankDropbox Community Moderator
    9 years ago

    These libraries weren't written with each other in mind unfortunately, but you can do something like this to work around it:

     

        <script src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="riqoimk2j9c8d1m" ></script>
        <script type="text/javascript">
            var Dropbox_Dropins = Dropbox;
        </script>
    
        <script src="https://unpkg.com/dropbox/dist/Dropbox-sdk.min.js" ></script>
        <script type="text/javascript">
            var Dropbox_SDK = Dropbox;
        </script>

    And then you can use Dropbox_Dropins or Dropbox_SDK in place of Dropbox respectively.

  • neunygph's avatar
    neunygph
    Explorer | Level 4
    9 years ago
    Ah I see, I didn't think of that :)

    Thanks Greg.
  • neunygph's avatar
    neunygph
    Explorer | Level 4
    9 years ago

    Hi Greg,

     

    For drobox pin, is data-app-key value always "riqoimk2j9c8d1m" ?

    Thanks,

     

  • Greg-DB's avatar
    Greg-DB
    Icon for Dropbox Community Moderator rankDropbox Community Moderator
    9 years ago
    That's just the app key you supplied in your original post. When loading the dropins library, that should always be the app key for the app you want to use the Chooser with. The "riqoimk2j9c8d1m" value does seem to be a valid app key for your app, so that's fine.

About Dropbox API Support & Feedback

Node avatar for Dropbox API Support & Feedback
Find help with the Dropbox API from other developers.6,011 PostsLatest Activity: 3 hours ago
392 Following

If you need more help you can view your support options (expected response time for an email or ticket is 24 hours), or contact us on X or Facebook.

For more info on available support options for your Dropbox plan, see this article.

If you found the answer to your question in this Community thread, please 'like' the post to say thanks and to let us know it was useful!