diff --git a/web/static/camper.js b/web/static/camper.js
index 384e9e3..fcced13 100644
--- a/web/static/camper.js
+++ b/web/static/camper.js
@@ -113,7 +113,7 @@ ready(function () {
     }
 })
 
-function camperUploadForm(el) {
+export function camperUploadForm(el) {
     const progress = el.querySelector('progress');
     htmx.on(el, 'drop', function (evt) {
         evt.preventDefault();
diff --git a/web/templates/admin/media/picker.gohtml b/web/templates/admin/media/picker.gohtml
index 7c172e0..2fca516 100644
--- a/web/templates/admin/media/picker.gohtml
+++ b/web/templates/admin/media/picker.gohtml
@@ -32,7 +32,10 @@
             <progress value="0" max="100"></progress>
         </footer>
     </form>
-    <script>camperUploadForm(document.getElementById('mediaPickerUpload'))</script>
+    <script type="module">
+        import {camperUploadForm} from "/static/camper.js";
+        camperUploadForm(document.getElementById('mediaPickerUpload'));
+    </script>
     <form action="/admin/media/field" method="get" data-hx-boost="true" data-hx-push-url="false">
         {{ with .Field -}}
             <input type="hidden" name="name" value="{{ .Name }}"/>
diff --git a/web/templates/admin/media/upload.gohtml b/web/templates/admin/media/upload.gohtml
index ba92ddf..9ca721e 100644
--- a/web/templates/admin/media/upload.gohtml
+++ b/web/templates/admin/media/upload.gohtml
@@ -28,5 +28,8 @@
             <progress value="0" max="100"></progress>
         </footer>
     </form>
-    <script>camperUploadForm(document.getElementById('mediaUpload'))</script>
+    <script type="module">
+        import {camperUploadForm} from "/static/camper.js";
+        camperUploadForm(document.getElementById('mediaUpload'));
+    </script>
 {{- end }}