如何在angular 5 Tiny MCE组件中处理图片上传？

npm install tinymce @tinymce/tinymce-angular

import { EditorModule } from '@tinymce/tinymce-angular';

@NgModule({
  imports: [
    EditorModule
  ]
})
export class AppModule { }

<editor
  apiKey="YOUR_API_KEY"
  [init]="{
    plugins: 'image',
    toolbar: 'image',
    images_upload_handler: this.uploadImage
  }"
></editor>

uploadImage(blobInfo, success, failure) {
  const formData = new FormData();
  formData.append('file', blobInfo.blob(), blobInfo.filename());

  // 发送图片上传请求
  // 你可以使用任何适合的方式发送请求，比如使用HttpClient
  // 这里只是一个示例，你需要根据实际情况进行修改
  const xhr = new XMLHttpRequest();
  xhr.open('POST', 'YOUR_UPLOAD_URL', true);
  xhr.onload = function () {
    if (xhr.status === 200) {
      const response = JSON.parse(xhr.responseText);
      success(response.url); // 将上传成功后的图片URL传递给编辑器
    } else {
      failure('图片上传失败');
    }
  };
  xhr.onerror = function () {
    failure('图片上传失败');
  };
  xhr.send(formData);
}