ckeditor : 上传图片时设置标题答案

【问题标题】：ckeditor : set header while uploading an imageckeditor : 上传图片时设置标题
【发布时间】：2014-03-26 12:54:51
【问题描述】：

我正在使用 CKeditor 4。在那个 Image 插件中。

我已删除图像弹出窗口中不需要的选项卡，并将config.filebrowserImageUploadUrl 设置为我服务器的 URL。

现在我必须上传图片，我可以选择图片，然后当我点击Send it to server 按钮时，AJAX 调用会转到我的服务器，但我的服务器需要设置特定的标头进行身份验证。

问题是 - 我可以在发送请求之前设置标头吗？

【问题讨论】：

您想在浏览器中显示标题吗？如果您想查看标题，则可以在 net Tab 的 Firebug 面板中看到它。
我想在上传文件时设置AJAX请求头。
Ajax 请求头？？？据我所知，不存在任何 ajax 标头。是否要异步上传文件？
有Request Headers我们可以在请求时设置成键值格式。
也许你可以在这里找到一些帮助stackoverflow.com/questions/3258645/…

标签： javascript php ckeditor fckeditor ckfinder

【解决方案1】：

如果您使用的是 CKEditor version 4.9 +，那么有一种方法可以做到这一点。

我在工作时遇到了同样的问题，所以在搜索并尝试了一些代码示例后，我找到了方法。

有些配置需要设置，

我再说一遍，这是为了 CKEditor version 4.9 +。

在您的 ckeditor 配置对象中设置以下配置

{
     filebrowserUploadUrl : 'your upload path goes here',
     filebrowserUploadMethod: 'xhr',             
     fileTools_requestHeaders: {
           'X-Requested-With': 'XMLHttpRequest',
           'your_custom_header_name': 'custom_header_value' 
     }
}

我会在这里附上一个参考

fileTools_requestHeaders

filebrowserUploadMethod

在上面的代码示例中，

filebrowserUploadUrl：是ckeditor在上传时调用的api-url

当上传 ckeditor 发出 fileUploadRequest 事件时，

您也可以在捕获该事件后更改/设置标题。

filebrowserUploadMethod：当设置为'xhr'时，它允许您设置额外的标题，默认值为'xhr'。

【讨论】：

【解决方案2】：

CKEditor 的默认上传选项卡不使用任何 AJAX 调用来上传文件。它只是一个带有普通表单和文件输入的 iframe，因此您无法更改请求标头。

如果您想通过 AJAX 调用上传文件，那么您必须编写自己的代码或使用SimpleUploads plugin，并根据您的需要进行配置。（免责声明：我是它的作者）

【讨论】：

感谢您的回复，现在明白了。有什么方法（方法）可以将我的浏览按钮和提交按钮放在 Ckeditor 生成的 iframe 的“上传”选项卡上？
我正在编写小型自定义插件。感谢您的帮助。
是的。您可以使用它们提供的 API 自定义对话框。查看提供的示例，其中一个展示了如何修改对话框。