froalaEditor.file.beforeUpload Event not firing



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

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

有谁知道为什么Froala没有尝试发布到我的文件上传网址?

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

版本信息:

角度 CLI:7.3.0

Angular-froala-Wysiwyg: "^2.9.1">

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

fileUploadMethod: 'POST'

2(可以使用以下命令触发事件 -

console.log("Custom Message")

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

最新更新