Tinymce图片上传失败？教你关闭进度条并重新上传！

Tinymce 图片上传失败？教你关闭进度条并重新上传！

在使用 Tinymce 编辑器上传图片时，难免会遇到上传失败的情况。为了提升用户体验，我们可以加入一个进度条，并在上传失败时关闭进度条并提示用户重新上传。

以下是具体实现方法：

1. 显示和隐藏进度条

在上传图片的代码中，使用 editor.notificationManager 显示和隐藏进度条：

// 显示进度条
editor.notificationManager.open({
  text: '上传中...',
  type: 'info',
  timeout: 0 
});

// 隐藏进度条
editor.notificationManager.close();

2. 处理上传失败

在上传失败的回调函数中，关闭进度条并使用 editor.windowManager.alert 提示用户重新上传：

if (xhr.status !== 200) {
  // 关闭进度条
  editor.notificationManager.close();
  // 提示用户重新上传
  editor.windowManager.alert('上传失败，请重新上传！');
  return;
}

通过以上步骤，当图片上传失败时，进度条会自动关闭，并弹出一个友好的提示框，引导用户重新上传图片，有效提升用户体验。