首页 > 其他分享 >wangEditor上传本地图片

wangEditor上传本地图片

时间:2023-07-14 15:44:46浏览次数:38  
标签:本地 filePath wangEditor CONF file 上传 图片

项目采用vue3+vite,用的wangEditor实现文章编辑的

const editorConfig = {
    MENU_CONF: {},
    placeholder: '请输入内容...' ,
}


editorConfig.MENU_CONF['uploadImage'] = {
    // 自定义上传
        async customUpload(file, insertFn) {                   // JS 语法
        // 自己实现上传,并得到图片 url alt href
            await uploadFiles(file).then( imgInfo => {
                const { filePath, name } = imgInfo
                insertFn(filePath, name, filePath)
            })
    }
}
// 上传采用minio上传的,uploadFiles为minio的上传方法,返回图片路径和名称

 

标签:本地,filePath,wangEditor,CONF,file,上传,图片
From: https://www.cnblogs.com/alannero/p/17553854.html

相关文章

  • ckeditor粘贴word图片且图片文件自动上传组件
    ​ 这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下)<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%@     page contentType="text/html;cha......
  • ckeditor粘贴word图片且图片文件自动上传插件
    ​ 由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来......
  • dede图片集上传图片时出错显示FILEID的解决办法
    如果遇到过这问题的,就可以照此方法尝试了。某日,某使用deecmsv5.5的网站在后台上传图片时出现如下错误:作为web生手的我很是迷茫。印象里之前并没有做什么改动,于是百思不得其解。Google、百度、DeDe官网搜索了一大圈,发现有这个问题的人不少,但是没有一个给出解决的办法。只好自己......
  • dede ckeditor编辑器让上传图片自动使用绝对地址显示
    dedecmsckeditor编辑器让上传图片自动使用绝对地址显示,本教程适合织梦cmsv57,其他版本未测试。由于我们网站为了更好更有效的解决seo方案,于是在考虑到发布文章的时候,上传的正文图片,是非绝对路径的,于是我们把织梦cms默认编辑器ckeditor进行了小幅度的修改:首先我们打开织梦安装在......
  • dede后台无法上传图片的解决办法
    把include/uploadsafe.inc.php里找到以下代码:$imtypes=array("image/pjpeg","image/jpeg","image/gif","image/png","image/xpng","image/wbmp","image/bmp");if(in_array(strtolower(trim(${$_key......
  • ckeditor粘贴word图片且图片文件自动上传源码
    ​ 如何做到ueditor批量上传word图片?1、前端引用代码<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>......
  • ckeditor粘贴word图片且图片文件自动上传源代码
    ​  自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web编辑器(富文本编辑器)中时,编辑器都无法自动上传图片。需要用户手动一张张上传Word图片。如果只有一张图片还能......
  • 5、git强制更新本地代码
    git强制更新本地代码(和远端代码保持一致)目录git强制更新本地代码(和远端代码保持一致)1.拉起最新远端代码版本2.同步本地到最新版本3.拉取代码4.简化写法备注1.拉起最新远端代码版本撤销本地、暂存区、版本库、gitfetch--all2.同步本地到最新版本回退到最新的远端代......
  • ckeditor粘贴word图片且图片自动上传功能
    ​ ueditor粘贴不能粘贴word中的图片是一个很头疼的问题,在我们的业务场景中客户要求必须使用ueditor并且支持word的图片粘贴,因为这个需求头疼了半个月,因为前端方面因为安全的原因是不允许访问本地文件的。首先说一下,ueditor粘贴word图片的问题已经解决,但是不是纯web方法解决的,......
  • ckeditor粘贴word图片且图片自动上传组件
    ​ 当前功能基于PHP,其它语言流程大抵相同。大概流程:1.将docx文件上传到服务器中2.使用PHPoffice/PHPword实现将word转换为HTML3.将HTML代码返回并赋值到编辑器中 1编辑器配置修改1.1新增上传wordjson配置在ueditor\php\config.json中新增如下配置:     /*......