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

在Angular 5中使用TinyMCE组件处理图片上传的方法如下：

首先，确保已经安装了TinyMCE编辑器和相关的依赖包。可以通过npm安装TinyMCE和@tinymce/tinymce-angular包：

npm install tinymce @tinymce/tinymce-angular

在Angular应用的模块文件中导入TinyMCE模块：

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

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

在组件的HTML模板中使用TinyMCE编辑器，并配置相关参数，包括图片上传的处理：

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

在上述代码中，YOUR_API_KEY需要替换为你自己的TinyMCE API密钥。images_upload_handler参数指定了图片上传的处理函数uploadImage。

在组件的Typescript代码中实现图片上传的处理函数uploadImage：

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);
}

在上述代码中，YOUR_UPLOAD_URL需要替换为你自己的图片上传接口的URL。

通过以上步骤，你就可以在Angular 5中使用TinyMCE组件处理图片上传了。请注意，这只是一个基本的示例，你需要根据实际情况进行适当的修改和调整。