froalaEditor.file.beforeUpload事件未触发

问题描述 投票:0回答:1

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

[在控制台中,我可以看到froalaEditor.file.beforeUploadfroalaEditor.file.inserted事件均被触发,但是没有触发任何HTTP操作,并且froalaEditor.file.uploadedfroalaEditor.file.error事件均未触发。

任何人都知道为什么Froala不尝试发布到我的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-wysiwyg:“ ^ 2.9.1”

wysiwyg froala angular-cli-v7
1个回答
0
投票

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

fileUploadMethod: 'POST'

2)可以使用-

触发事件
console.log("Custom Message")

请参阅JSFiddle-https://jsfiddle.net/dyt52pqk/2/

© www.soinside.com 2019 - 2024. All rights reserved.