ckeditor_uploader 动态图片上传路径

Posted 2023-02-23

【中文标题】ckeditor_uploader 动态图片上传路径

【英文标题】：ckeditor_uploader Dynamic Image Upload Path

【发布时间】：2019-02-06 22:30:03

【问题描述】：

我有一个 Django 应用程序，它要求用户为每个文档上传多个图像。该应用程序已安装 django-ckeditor，但上传的图像最终位于由 CKEDITOR_UPLOAD_PATH 设置设置的同一文件夹中。我希望路径是动态的，基于 URL 方案。

例如，上传到https://myapp/report/1/finding/5 上的CKEditor 实例的图像应该驻留在/ckeditor_base_path/report/1/finding/5/my_img.png。

不幸的是，处理设置路径的视图函数的 URL 在视图创建 context 参数之前由小部件 (CKEditorUploadingWidget) 设置。

我希望将参数 URL 参数发送到ImageUploadView 进行处理。非常感谢您对此提供任何帮助或建议。

【参考方案1】：

我遇到了同样的问题并查看了您的答案，但我认为可能有更简单的解决方案。

对于要执行的每个“唯一”上传操作，在 settings.py 中创建一个新配置：

CKEDITOR_CONFIGS = 
    'action_a' : 
        'filebrowserUploadUrl': '/path/to/action/a/handling/view/'
    ,
    'action_b' : 
        'filebrowserUploadUrl': '/path/to/action/b/handling/view/'
    

创建表单时，将CKEditorUploadingWidget 的config_name 设置为所需的操作。

如果您不需要处理任何 URL 参数 - 例如在我的情况下，我只想将通过不同编辑器界面上传的文件放在不同的目录中 - 那么接下来的步骤相对简单。在对应的视图中处理并保存上传的文件。

但是，如果您确实需要根据 URL 参数执行操作，则可以检查相应视图中的 request 以获取上传文件的页面：

referrer = request.META.get('HTTP_REFERER')

然后您可以从您需要的 URL 中提取参数 - 在您的情况下是报告 ID 和查找 ID - 并使用它们上传到您想要的任何目录。

【参考方案2】：

如果它对其他人有帮助，这就是我所做的。当用户浏览时，他们将被限制在包含查找图像的文件夹中，因为它们特定于报告的该部分。同样，上传图片会将其发送到同一个文件夹。

简而言之，您必须：

将 CKEditor Uploader URL 指向您的视图版本 通过相应的表单视图更新 CKEditor Uploader 小部件 覆盖 CKEditor Uploader ImageUploadView 和 browse 视图以创建您想要的路径

示例

更新 CKEditor URL 路径

path('myapp/<int:org_id>/report/<int:report_id>/finding/<int:finding_id>/image/upload', never_cache(ck_views.upload),
path('myapp/<int:org_id>/report/<int:report_id>/finding/<int:finding_id>/images', never_cache(ck_views.browse), name='ckeditor_browse'),

小部件更新

def get(self, request, *args, **kwargs):
        context = 
        obj = self.get_object()
        if obj is not None:
            context['org'] = obj.report.org.id
            form = FindingForm(instance=obj)
            # Set image browse/upload path
            image_kwargs = 
                'finding_id': obj.id,
                'org_id': obj.report.org.id,
                'report_id': obj.report.id,
            
            image_browse_path = reverse('ckeditor_browse', kwargs=image_kwargs)
            image_upload_path = reverse('ckeditor_upload', kwargs=image_kwargs)
            form.fields['description'].widget.config['filebrowserBrowseUrl'] = image_browse_path
            form.fields['description'].widget.config['filebrowserUploadUrl'] = image_upload_path
            context['form'] = form
        return render(request, self.template_name, context)