ckeditor 4.5 fileUploadRequest 事件未触发答案

【问题标题】：ckeditor 4.5 fileUploadRequest event not firingckeditor 4.5 fileUploadRequest 事件未触发
【发布时间】：2016-04-23 09:55:14
【问题描述】：

我有一个 html id 为“id_textarea”的文本区域。

editor = CKEDITOR.inline( 'id_textarea', {
    filebrowserBrowseUrl : 'browse_url',
    filebrowserUploadUrl : 'upload_url'
});

editor.on( 'fileUploadRequest', function( evt ) {
    console.log("This is not printing");
});

每当我尝试上传文件时，它都不会向控制台打印任何内容。我做错了吗？

顺便说一句，我的要求是在发送请求之前添加 csrf 标头，我需要捕获一些事件，例如 fileUploadRequest。

【问题讨论】：

标签： ckeditor

【解决方案1】：

我假设您正在尝试通过“图像属性”对话框中的“上传”选项卡上传文件。它由不支持fileUploadRequest 和fileUploadResponse 事件的File Browser plugin 和fileButton 提供（已经有一个feature request 对此案例进行了更深入的描述）。

如果您想将这些事件用于一些自定义请求预处理，您可以使用Upload Image 插件。 official docs 中描述了配置过程，但请记住，它仅适用于删除或粘贴文件。通过图像属性对话框上传仍将由不支持这些事件的文件浏览器插件处理。

重要的是，因为CKEditor 4.5.6，文件浏览器插件使用CSRF header，所以它可能可以在您的服务器端使用，而无需对JavaScript代码进行任何修改。因此，如果您使用的是旧版本，我建议您更新到 4.5.6（使用例如CKBuilder）并尝试与您的后端集成。文件浏览器插件中的 CSRF 标头应该足以满足您的需求。

这是标题：

【讨论】：

filebrowser 插件使用旧 API (docs.ckeditor.com/#!/guide/dev_file_browser_api)。 fileUploadRequest 是后来引入的新 API (docs.ckeditor.com/#!/guide/dev_file_upload) 的一部分，因此旧的 filebrowser 插件不会触发新事件。有一天，插件将被重写以使用新的 API，但现在您需要将旧 API 用于 filebrowser 并使用新 API 来上传拖放和粘贴的文件。