froalaEditor.file.beforeUpload 事件未触发

Question

我正在尝试实现 Angular Froala 所见即所得编辑器的自定义文件上传功能。我在下面粘贴了我的配置选项。

在控制台中，我可以看到 froalaEditor.file.beforeUpload 和 froalaEditor.file.inserted 事件都被触发，但没有触发任何类型的 HTTP 操作，froalaEditor.file.uploaded 和 froalaEditor.file.error 事件被触发。

有人知道为什么 Froala 不尝试 POST 我的 fileUploadUrl 吗？

options: Object = {
fileUploadUrl: 'https://localhost:5001/api/file',
events: {
  'froalaEditor.file.beforeUpload': function (e: any, editor: any, files: any) {
    console.log('BEFORE UPLOAD', e, editor, files, files[0]);
  },
  'froalaEditor.file.inserted': function (e, editor, $file, response) {
    console.log('INSERTED', e, editor, $file, response);
  },
  'froalaEditor.file.uploaded': function (e, editor, response) {
    console.log('UPLOADED', e, editor, response);
  },
  'froalaEditor.file.error': function (e, editor, error, response) {
    console.log('ERROR', e, editor, error, response);
  },
}}

版本信息：

Angular CLI：7.3.0

angular-froala-所见即所得：“^2.9.1”

Answer 1

1) 在使用命令 froalaEditor.file.beforeUpload 和 froalaEditor.file.inserted 时，如果您希望在 URL 上看到 HTTP 响应，请包含以下属性 -

fileUploadMethod: 'POST'

2) 可以使用 -

触发事件

console.log("Custom Message")

参考 JSFiddle - https://jsfiddle.net/dyt52pqk/2/

froalaEditor.file.beforeUpload 事件未触发

froalaEditor.file.beforeUpload Event not firing

wysiwyg

froala

angular-cli-v7