You might see that the Dropbox Community team have been busy working on some major updates to the Community itself! So, here is some info on what’s changed, what’s staying the same and what you can expect from the Dropbox Community overall.

Forum Discussion

KlausB's avatar
KlausB
Helpful | Level 7
5 years ago

Cannot load javascript from Dropbox - Incorrect Mime Type?

I am trying to load javascript code from Dropbox for use in personal bookmarklets. For instance, 

 

(function(){
    const url = 'https://www.dropbox.com/s/5cbb5dki3rnpdei/DebugSimple.js?raw=1';
    const e = document.createElement('SCRIPT');
    e.src=url;
    document.head.appendChild(e);
})();

 

However, when doing so I get the error message 

 

Cross-Origin Read Blocking (CORB) blocked cross-origin response 
https://<SOME_ID>.dl.dropboxusercontent.com/cd/0/inline/<SOME_LONG_ID>/file
with MIME type text/plain. See
https://www.chromestatus.com/feature/5629709824032768 for more details.

Likewise, if I use the ?dl=0 or ?dl=1 settings instead of ?raw=1, I get a complaint about the type being text/html.

I also tried using the fetch() API, but since the bookmarklets are executed in the context of third-party websites, their CORS header usually doesn't allow this.

Is it somehow possible to load javascript from Dropbox directly?

A similar question https://www.dropboxforum.com/t5/API-Support-Feedback/MIME-type-text-plain-is-not-executable/m-p/271231 has been marked as answered, but doesn't apply; I already have the correct file extension, and the issue still occurs.

  • Based on the error message you shared, you're not getting exactly the same issue as the thread you linked to. It looks like you can still make this work using the modification mentioned there though, i.e., by changing your link to use 'dl.dropboxusercontent.com' initially, like this:

    https://dl.dropboxusercontent.com/s/5cbb5dki3rnpdei/DebugSimple.js

    Note that this isn't officially supported though, and is subject to change.

  • Greg-DB's avatar
    Greg-DB
    Icon for Dropbox Staff rankDropbox Staff

    Based on the error message you shared, you're not getting exactly the same issue as the thread you linked to. It looks like you can still make this work using the modification mentioned there though, i.e., by changing your link to use 'dl.dropboxusercontent.com' initially, like this:

    https://dl.dropboxusercontent.com/s/5cbb5dki3rnpdei/DebugSimple.js

    Note that this isn't officially supported though, and is subject to change.

    • KlausB's avatar
      KlausB
      Helpful | Level 7

      It does work indeed, but the lack of official support is discouraging. The following thus works:

       

      (function(){
          const url = 'https://dl.dropboxusercontent.com/s/5cbb5dki3rnpdei/DebugSimple.js?raw=1';
          const e = document.createElement('SCRIPT');
          e.src=url;
          document.head.appendChild(e);
      })();

About Dropbox API Support & Feedback

Node avatar for Dropbox API Support & Feedback

Find help with the Dropbox API from other developers.

5,882 PostsLatest Activity: 9 hours ago
325 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!