L'adaptateur de téléchargement CKEditor envoie la [promesse d'objet] au serveur

J'ai essayé d'implémenter CKEditor5 dans un projet vuejs et après avoir fait fonctionner toute l'infrastructure, je ne parviens pas à télécharger le fichier réel sur un serveur php. Le code appelle le serveur et si je renvoie un message de réussite et une URL de fichier, tout fonctionne correctement. Voici mon code:

                editorConfig: {
                    cloudServices: {
                        tokenUrl: '/index/tokenendpoint',
                        uploadUrl: '/index/uploadimage'
                    }
                }

Cliquez sur l'icône d'image dans la barre d'outils pour afficher correctement la boîte de dialogue de sélection de fichier, et lors de la sélection de fichier, soumettra un message au serveur. Cependant, le fichier binaire n'est pas envoyé, mais simplement:

loader.file
Promise {<pending>}
__proto__: Promise
catch: Æ’ catch()
constructor: Æ’ Promise()
finally: Æ’ finally()
then: Æ’ then()
Symbol(Symbol.toStringTag): "Promise"
__proto__: Object
[[PromiseStatus]]: "pending"
[[PromiseValue]]: undefined

J'ai passé deux jours à regarder tous les autres plugins comme CKFinder et d'autres, et il semble que je reçoive toujours la même chose contenu envoyé au serveur. La ligne

data.append('upload', this.loader.file);

ne semble pas ajouter le fichier réel, ce que je pense qu'il devrait faire.

Ma valeur de this.loader est p>

Form Data

------WebKitFormBoundaryqPGA20WRKz9VvADd
Content-Disposition: form-data; name="upload"

[object Promise]

J'ai essayé d'utiliser leur cloudervice mais pointez vers mes propres URL et cela a permis au téléchargement de fonctionner.

    <template> 
        ...
        <ckeditor :editor="editor" v-model="details.SystemText" :config="editorConfig"></ckeditor>
        ...
    </template>


    import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
    class UploadAdapter {
        constructor(loader) {
            this.loader = loader;
        }

        upload() {
            return new Promise((resolve, reject) => {
                const data = new FormData();
                data.append('upload', this.loader.file);

                axios({
                    url: '/index/uploadimage',
                    method: 'post',
                    data,
                    headers: {
                        'Content-Type': 'multipart/form-data;'
                    },
                    withCredentials: false
                }).then(response => {
                    if (response.data.result == 'success') {
                        resolve({
                            default: response.data.url
                        });
                    } else {
                        reject(response.data.message);
                    }
                }).catch(response => {
                    reject ( 'Upload failed');
                });

            });
        }

        abort() {
        }
    }
    export default {
        data () {
                details: {},
                editor: ClassicEditor,
                editorConfig: {
                    extraPlugins: [ this.MyCustomUploadAdapterPlugin ],
                }
        },
        methods: {
            MyCustomUploadAdapterPlugin ( editor ) {
                editor.plugins.get( 'FileRepository' ).createUploadAdapter = ( loader ) => {

                    return new UploadAdapter( loader );
                };
            },
        }

J'ai également pu supprimez tout le code de l'adaptateur de téléchargement.

Merci