vue wangEditor上传图片到服务器

最新推荐文章于 2025-06-18 15:15:22 发布

遇见一个人流泪

最新推荐文章于 2025-06-18 15:15:22 发布

阅读量5.3k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue wangEditor

本文链接：https://blog.youkuaiyun.com/u011628981/article/details/87977935

vue 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了如何使用wangEditor富文本编辑器，并实现自定义图片上传功能，通过FormData处理文件，利用axios进行POST请求，将图片上传至阿里云服务器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

npm install wangeditor -D

import E from 'wangeditor';

const editor = new E('#editor');
editor.customConfig.customUploadImg = (files, insert) => {
  const formData = new FormData();
  formData.append('file', files[0]);
  formData.append('path', 'files/ne-icev3-dashboard/content/content/');
  this.$axios._api_gateway.post('/file-service/upload/ali', formData).then(res => {
    const result = res.data;
    if (result.code === '000000') {
      const data = result.data;
      insert(data);
    }
  });
};
editor.create();