2016-04-14 67 views
1

我在'inline'模式下使用CKeditor版本4.5.8(所以直接使用'contenteditable'html属性的内容)。这一切都很好,除了一件事。我添加了'Image upload'插件,以添加支持在编辑器中拖放图像时上传图像。这一切都很好,除了我无法工作的一件事: 在编辑器中放置图像时,应该有一个“上传”进度条(在Chrome和Firefox中测试)。但是,我几乎直接看到消息“上传完成”。但是,那个时候上传并没有完成(我已经添加了一个调试器断点,我的代码确保是这种情况),并且'成功'响应尚未收到(我在开发人员工具中将其视为“待定” '网络标签')。但是,当我通过Chrome开发工具“节流”连接时,我确实看到了一个进度条,但它没有显示上传进度,而是某人的浏览器的“内部进度”?见截图: chrome devtoolsCKeditor:上传图片插件'上传状态'不正确

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

+0

具有相同的问题。你的问题解决了吗? –

+0

@GiteshPurbia不幸我没有时间检查这是否是修复。我认为这将需要几个星期,直到我继续发展.. – NickGreen

+0

我的问题解决了。请参阅接受的答案(以及该答案下的评论)以获得解释。 – NickGreen

回答

2

CKEditor 4提供的进度取自XHR2进度事件。请注意,当上传立即生效时,它可能无法在本地主机上正常工作。此外,我看到您的图像取自缓存(网络调试器第5列中的“来自缓存”)。尝试禁用缓存并检查是否有帮助。

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

+0

我在本地主机上测试它。我会尽快在服务器上尝试一下,检查这是否是问题所在! – NickGreen

+0

终于有时间来测试它。情况如此:在部署到外部服务器之后,进度栏按预期工作。谢谢! – NickGreen