nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How do I use a .js attachment on a page?

Jason Monsorno2

I've been writing custom javascript code in {html}<script></script>{html} tags on the page or another and including it, I've made User Macros and all that has worked fine but I don't want to continue that route. Instead I want to upload my .js files as attachments and include them, the best way I see is

{html}&lt;script src="/download/attachments/123/file.js" type="text/javascript"&gt;&lt;/script&gt;{html}

That seemed too easy and apparently was, Chrome is throwing an error when trying to load it:

Refused to execute script from 'http://confluence/download/attachments/4426187/HotFixCreation.js' because its MIME type ('application/x-upload-data') is not executable, and strict MIME type checking is enabled.

Any ideas how I can use my .js attachments?

Accepted answers

Davin Studer

Have you tried editing the mime type in the attachment properties?

All comments

Jason Monsorno2

Not sure why it's not blocked but I can load it from JavaScript:

{html} &lt;script type="text/javascript"&gt; $.getScript('/download/attachments/123/file.js'); &lt;/script&gt; {html}

Davin Studer

Have you tried editing the mime type in the attachment properties?

Jason Monsorno2

I never clicked on properties before, it worked like a charm.

Jason Monsorno1

I never clicked on the properties before, worked like a charm.

Olivier Carbone_f0hzut

$.getScript is to include the file content in the body of the page. It's to work around the cache... it solve the shituation, but it's not a best practice.

Yes, Davin, edit the content type of the js file to "application/javascript" is a best solution!

To change the content type of an attachment, please visit the view page attachment (viewpageattachments.action) and click in Properties of the js file.