如何在CKEDITOR插件中的圖像上傳中為后置請求添加csrf令牌？

Question

我正在使用增強的圖像插件將圖像上傳到服務器。我的后端是Django。在django-ckeditor的幫助下，我在CKEDITOR中實現了圖片上傳的前端和后端部分。

但是，Django-Ckeditor不處理圖像上傳中的csrf保護。 它使用csrf_exempt裝飾器來免除csrf保護。

upload = csrf_exempt(ImageUploadView.as_view())

如何將csrf標記添加到用於圖像上傳的post請求中？我是否必須在處理csrf標記的upload插件中編寫自己的表單？

Answer 1

簡單的方法是在filebrowserImageUploadUrl中添加csrf標記，見下文（jsp）

$(document).ready(function() {
   var editor = CKEDITOR.replace('content', { skin: 'moonocolor',
      toolbar: 'MyToolbar', 
      filebrowserImageUploadUrl: "<c:url value="/site/upload"/>${_csrf.parameterName}=${_csrf.token}" });
   }
});

Answer 2

我只是簡單地將csrf標記連接到我的上傳網址：

filebrowserImageUploadUrl: '/laravel-filemanager/upload?type=Images&_token=' + $('meta[name=csrf-token]').attr("content"),