小编Bob*_*Bob的帖子

CKEditor上传适配器将[对象承诺]发送到服务器

我一直在尝试将 CKEditor5 实现到 vuejs 项目中,在所有基础设施正常工作后,我无法将实际文件上传到 php 服务器。该代码调用服务器,如果我返回成功消息和文件 url,则一切正常。这是我的代码:

\n\n
    <template> \n        ...\n        <ckeditor :editor="editor" v-model="details.SystemText" :config="editorConfig"></ckeditor>\n        ...\n    </template>\n\n\n    import ClassicEditor from \'@ckeditor/ckeditor5-build-classic\';\n    class UploadAdapter {\n        constructor(loader) {\n            this.loader = loader;\n        }\n\n        upload() {\n            return new Promise((resolve, reject) => {\n                const data = new FormData();\n                data.append(\'upload\', this.loader.file);\n\n                axios({\n                    url: \'/index/uploadimage\',\n                    method: \'post\',\n                    data,\n                    headers: {\n                        \'Content-Type\': \'multipart/form-data;\'\n                    },\n                    withCredentials: false\n                }).then(response => {\n                    if (response.data.result == \'success\') {\n                        resolve({\n                            default: response.data.url\n                        });\n                    } else {\n                        reject(response.data.message);\n                    }\n                }).catch(response => {\n                    reject …
Run Code Online (Sandbox Code Playgroud)

upload image vue.js ckeditor5

3
推荐指数
1
解决办法
3676
查看次数

标签 统计

ckeditor5 ×1

image ×1

upload ×1

vue.js ×1