- Home
- Forum
- JavaScript - EJ 2
- ej.richtexteditor.RichTextEditor n'emet ni success ni failure
ej.richtexteditor.RichTextEditor n'emet ni success ni failure
Bonjour,
j'ai dans un source angularjs un richTextBox qui upload une image et qui ne déclenche ni success ni failure lors de l'upload d'image. j'ai bien afficher dans le richtextbox upload succes en vert mais comme l'évenement success ne se déclenche pas je ne peux pas mettre à jour le src de l'image avec l'url de retour du backend.
je précise que dans la console réseau j'ai bien un 200 ok avec un json { url='lebonchemin' }
la version du richTextBox est :
"@syncfusion/ej2": "26.2.12",
"@syncfusion/ej2-angular-richtexteditor": "26.2.12",
le code du richtTextBox:
var defaultRTE = new ej.richtexteditor.RichTextEditor({
formatter: new ej.richtexteditor.HTMLFormatter({
enable: false,
keyConfig: {
enable: false,
},
}),
insertImageSettings: {
saveUrl: 'http://localhost:59725/api/upload', // URL pour sauvegarder le fichier
maxFileSize: 204800, // Taille maximale en octets (200 Mo)
allowedTypes: ['.jpeg', '.jpg', '.png'],
resize: true,
saveFormat: 'base64',
},
actionComplete: function (args) {
console.log('Action Complete Triggered:', args.requestType); //s'affiche sans pb
},
beforeImageUpload: function (args) {
console.log("Before upload appelé avec :", args.name);
},
imageUploading: function (args) {
console.log("fileUploading :");
// Ajoutez le token Bearer dans les en-têtes de la requête
if(args && args.currentRequest)
{
args.currentRequest.setRequestHeader("Authorization", "Bearer " + token);
args.currentRequest.setRequestHeader("X-Custom-Param", customParam); // Ajoute un en-tête personnalisé
}
},
success: function (args) {
// Capture la réponse après l'upload réussi
console.log("Réponse du serveur :", args); //jamais déclenché
},
failure: function (args) {
console.error("Échec de l'upload :", args); //jamais déclenché
},
toolbarSettings: {
type: 'MultiRow',
enableFloating: false,
height: 340,
items: items.concat([
'Bold',
'Italic',
'Underline',
'FontName',
'FontSize',
'FontColor',
'BackgroundColor',
'SuperScript',
'SubScript',
'OrderedList',
'UnorderedList',
'|',
'Formats',
'Alignments',
'Outdent',
'Indent',
'|',
'CreateLink',
'|',
'ClearFormat',
'|',
'Undo',
'Redo',
]),
},
backgroundColor: {
modeSwitcher: true,
},
fontColor: {
modeSwitcher: false,
},
actionBegin: function (args) {
if (args.requestType === 'Image') {
console.log('Uploading an image...', args); //event ok
}
},
created: function (args) {
console.log('created an image...', args); //event ok
},
change: function (nv) {
console.log('change event...', nv); //event ok
},
pasteCleanupSettings: {
prompt: false,
plainText: true,
keepFormat: false,
deniedTags: deniedTags,
deniedAttrs: ['class', 'title', 'id'],
allowedStyleProps: [
'color',
'margin',
'font-size',
'background-color',
'font-weight',
],
},
});
pouvez vous m'aider à trouver comment récupérer l'url retournée par le backend?
les bon events sont:
imageUploadSuccess
et imageUploadFailure
- 2 Replies
- 2 Participants
-
DD desmons david
- Jan 30, 2025 01:18 PM UTC
- Feb 4, 2025 11:49 AM UTC
