CKeditor：上传图片插件“上传状态”不正确

Question

我在“内联”模式下使用 CKeditor 4.5.8 版（因此直接在具有“contenteditable”html 属性的内容中）。这一切都很好，除了一件事。我添加了“Image upload”插件，以添加对在编辑器中拖放图像时上传图像的支持。这一切都很好，除了我无法工作的一件事： 在编辑器中放置图像时，应该有一个“上传”进度条（在 Chrome 和 Firefox 中测试）。但相反，我几乎直接看到消息“上传完成”。但是，那时上传还没有完成（我在我的代码中添加了一个调试器断点以确保是这种情况）并且尚未收到“成功”响应（我在开发人员工具中将其视为“待处理” '网络标签'。）。

但是，当我通过 Chrome 开发工具“限制”连接时，我确实看到了一个进度条，但它没有显示上传进度，而是某种浏览器的“内部进度”？看截图：

任何想法如何解决这个问题？

Answer 1

CKEditor 4 提供的进度取自 XHR2 进度事件。请注意，当上传立即生效时，它可能无法在 localhost 上正常运行。我还看到您的图像是从缓存中获取的（网络调试器第 5 列中的“来自缓存”）。尝试禁用缓存并检查是否有帮助。

另外我在data:image/jpeg 旁边看到了你的箭头。 CKEditor 在上传图像之前，将它们作为 BASE 64 数据在本地加载以向用户显示预览。然后上传这些图片并替换图片的来源。这些数据不是真实的网络数据，而是本地加载的内容 JavaScript。