Need to see if your shared folder is taking up space on your dropbox 👨‍💻? Find out how to check here.

Forum Discussion

KlausB's avatar
KlausB
Collaborator | Level 8
6 years ago
Solved

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.

2 Replies

  • Greg-DB's avatar
    Greg-DB
    Icon for Dropbox Community Moderator rankDropbox Community Moderator
    6 years ago

    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
    Collaborator | Level 8
    6 years ago

    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.

The Dropbox Community team is active from Monday to Friday. We try to respond to you as soon as we can, usually within 2 hours.

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, Facebook or Instagram.

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!