Fix TinyMCE image upload when STATIC_URL is not /static/

pytition · May 14, 2022 · b5293fb · b5293fb
1 parent 361bd1d
commit b5293fb
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/pytition/petition/templates/layouts/base.html b/pytition/petition/templates/layouts/base.html
@@ -56,6 +56,9 @@
       {% endblock %}
     </div>
 
+    <script>
+      {% include 'petition/image_upload_url.js' %}
+    </script>
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
     <script src="{% static "vendor/jquery-3.3.1/jquery-3.3.1.min.js" %}"></script>
     <script src="{% static "vendor/popper-1.14.6/popper.min.js" %}"></script>

diff --git a/pytition/petition/templates/petition/image_upload_url.js b/pytition/petition/templates/petition/image_upload_url.js
@@ -0,0 +1,3 @@
+function get_image_upload_url() {
+	return '{% url "image_upload" %}';
+}
diff --git a/pytition/pytition/settings/base.py b/pytition/pytition/settings/base.py
@@ -172,7 +172,7 @@
     'image_upload_credentials': True,
     'images_upload_handler': """function(blobInfo, success, failure) {
         let xhr = new XMLHttpRequest();
-        xhr.open('POST', '/petition/image_upload');
+        xhr.open('POST', get_image_upload_url());
         xhr.setRequestHeader('X-CSRFTOKEN', get_csrf_token()); // manually set header
 
         xhr.onload = function() {