diff --git a/admin.php b/admin.php
index 4b95be8b..c203b083 100644
--- a/admin.php
+++ b/admin.php
@@ -197,6 +197,7 @@ class AdminPlugin extends Plugin
                 break;
             case 'pages':
                 $twig->twig_vars['file'] = File\General::instance($this->admin->page(true)->filePath());
+                $twig->twig_vars['media_types'] = str_replace('defaults,','',implode(',.', array_keys($this->config->get('media'))));
                 break;
         }
     }
diff --git a/themes/grav/templates/forms/fields/uploads/uploads.html.twig b/themes/grav/templates/forms/fields/uploads/uploads.html.twig
index b0e767d6..9951a50c 100644
--- a/themes/grav/templates/forms/fields/uploads/uploads.html.twig
+++ b/themes/grav/templates/forms/fields/uploads/uploads.html.twig
@@ -32,6 +32,7 @@
                 Dropzone.autoDiscover = false;
                 Dropzone.options.gravDropzone = {
                     addRemoveLinks: true,
+                    acceptedFiles: $('[data-media-types]').data('media-types'),
                     init: function() {
                         thisDropzone = this;
                         $.get(URI + '/task:listmedia', function(data) {
diff --git a/themes/grav/templates/pages.html.twig b/themes/grav/templates/pages.html.twig
index 23844b26..6c928c89 100644
--- a/themes/grav/templates/pages.html.twig
+++ b/themes/grav/templates/pages.html.twig
@@ -94,7 +94,7 @@
     {% if mode == 'new' %}
         {% include 'partials/blueprints-new.html.twig' with { blueprints: admin.blueprints('pages/page'), data: context } %}
     {% elseif mode == 'edit' %}
-        <div class="admin-form-wrapper" data-media-url="{{ base_url }}/media/{{ admin.route|trim('/') }}.json">
+        <div class="admin-form-wrapper" data-media-url="{{ base_url }}/media/{{ admin.route|trim('/') }}.json" data-media-types="{{ media_types }}">
             {% if context.blueprints.fields %}
             <form id="admin-mode-toggle">
                 <div class="switch-toggle switch-grav">