您好,欢迎来到图艺博知识网。
搜索
您的当前位置:首页vue3 中wangEditor富文本编辑器上传图片功能

vue3 中wangEditor富文本编辑器上传图片功能

来源:图艺博知识网

 前端代码:

const editorConfig = { placeholder: "请输入内容...", MENU_CONF: {} };
editorConfig.MENU_CONF["uploadImage"] = {
  server: "后台的请求地址"
};

后端代码:

根据文档得到返回的数据需要下面图片的格式 :

 这里使用的是fastadmin框架来编写的接口

// 图片上传接口
    public function image()
    {
    
        // 获取上传的文件
        $file = request()->file('wangeditor-uploaded-image');
        //找到项目的对应文件夹
        // 移动文件到指定目录(这里假设是public/uploads目录)

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- huatuoyibo.net 版权所有 湘ICP备2023021910号-2

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务