Javascript 上传图像后,CKEditor未设置图像URL

Javascript 上传图像后,CKEditor未设置图像URL,javascript,angular,typescript,ckeditor,Javascript,Angular,Typescript,Ckeditor,我有这个装置在我的电脑上 上传适配器.ts 导出类上载适配器{ 装载机:任何; xhr:任何; 构造函数(加载器){ this.loader=loader; } 上传(){ 返回这个.loader.file文件 .然后(文件=>新承诺((解决,拒绝)=>{ 这个._initRequest(); 此._initListeners(解析、拒绝、文件); 此._sendRequest(文件); } ) ); } 中止{ if(this.xhr){ this.xhr.abort(); } } _init

我有这个装置在我的电脑上

上传适配器.ts

导出类上载适配器{
装载机:任何;
xhr:任何;
构造函数(加载器){
this.loader=loader;
}
上传(){
返回这个.loader.file文件
.然后(文件=>新承诺((解决,拒绝)=>{
这个._initRequest();
此._initListeners(解析、拒绝、文件);
此._sendRequest(文件);
} ) );
}
中止{
if(this.xhr){
this.xhr.abort();
}
}
_initRequest(){
const xhr=this.xhr=new XMLHttpRequest();
xhr.open('POST','http://my/server/images.json“,true);//要更改URL吗
xhr.responseType='json';
setRequestHeader(“接受”、“应用程序/json”);
setRequestHeader(“X-APP-Token”、“MySecretToken”);
setRequestHeader(“X-User-Token”、“MySecretToken”);
}
_initListeners(解析、拒绝、文件){
const xhr=this.xhr;
const loader=this.loader;
const genericErrorText=`无法上载文件:${file.name}。`;
xhr.addEventListener('error',()=>reject(genericErrorText));
addEventListener('abort',()=>reject());
xhr.addEventListener('load',()=>{
常量响应=xhr.response;
如果(!response | | response.error){
返回拒绝(response&&response.error?response.error.message:genericErrorText);
}
解决({
默认值:response.url
} );
} );
如果(xhr.upload){
xhr.upload.addEventListener('progress',evt=>{
if(evt.Length可计算){
loader.uploadTotal=evt.total;
loader.upload=evt.loaded;
}
} );
}
}
_发送请求(文件){
//这就是我的服务器接收和存储数据的方式
const data=新表单数据();
data.append('image[imageable_type],'Gallery');
data.append('image[imageable_id],'1');
data.append('image[images][],文件);
控制台日志(数据);
此.xhr.send(数据);
}
}
component.html


组件技术

import*作为ClassicEditor从'@ckeditor/ckeditor5 build classic'导入;
从“../../../shared/upload adapter”导入{UploadAdapter}”;
导出类ArticleEditComponent实现OnInit{
公共编辑器=ClassicEditor;
onReady(编辑器:ClassicEditor):无效{
editor.plugins.get('FileRepository')。createUploadAdapter=(loader)=>{
返回新的上传适配器(加载器);
};
}
这很好,当我将一个图像拖放到编辑器中时,图像会被上传到服务器上,但图像永远不会显示

当我在我的服务器上查看文章的正文时,我发现如下所示


图片应该有一个URL,当然上传后会返回,但我不知道如何捕捉它并将其存储在img标记中

提前谢谢