let editor;

new Vue({

el: '#app',

data() {

return {}

},

mounted() {

this.initEditor();

},

methods: {

initEditor() {

let that = this;

let E = window.wangEditor;

editor = new E(this.$refs.editor);

// 堆叠层级

editor.customConfig.zIndex = 0;

// 保留的功能按钮

editor.customConfig.menus = [

'undo',

'redo',

'image'

];

// 本地图片上传:关闭外部图片引入

editor.customConfig.showLinkImg = false;

// 本地图片上传:写啥无所谓,反正customUploadImg()方法重写了

editor.customConfig.uploadImgServer = '/upload';

// 本地图片上传:重写方法

editor.customConfig.customUploadImg = function (files, insert) {

// 逐个上传

files.forEach(item => {

upload.image({

url: '${application.imageServerUrl}/upload/cors/single/图片上传接口',

file: item,

success: (res) => {

if (res.status === 200) {

// 塞进去

insert(res.data.图片Url);

}

},

error: () => (that.$message.error('上传失败'))

});

});

};

editor.create();

}

}

});

wangeditor php上传本地图片,wangEditor 本地上传图片配置相关推荐

  1. php用ckeditor无法上传大图片,php ckeditor上传图片文件大小限制修改

    php ckeditor上传图片文件大小限制修改ckeditor编辑器在上传图片或文件时是没有大小限制的,下面我们来给大家介绍两种ckeditor上传图片文件大小限制问题解决办法. 一种可以通过修改P ...

  2. 微信公众号开发《四》调用微信JS-SDK实现上传手机图片到服务器

    在这粘贴上三篇博文链接,方便大家查阅互相学习: 微信公众号开发<一>OAuth2.0网页授权认证获取用户的详细信息,实现自动登陆 微信公众号开发<二>发送模板消息实现消息业务实 ...

  3. 多个ajaxFileUpload上传图片与ajax合用,解决同步问题,用户随意上传多少图片都可以;

    需求描述:因ajaxFileUpload 文件上传插件是异步请求,但是业务上需要先得到 ajaxFileUpload 请求后的图片url, 在通过ajax 把图片URL等其它需要录入的数据一并写入数据 ...

  4. 使用饿了么update组件 实现多文件上传到后台以及本地图片显示功能

    使用饿了么update组件 实现多文件上传到后台以及本地图片显示功能 查了很多博客,终于弄出来了.我就大概说一下.我的业务内容是要把一个表单统一上传上去,而且其中有字段也有图片. <div cl ...

  5. 使用wangEditor批量上传并且保证图片顺序

    wangEditor文档 环境搭建 使用wangEditor SpringMVC 1.pom.xml <project xmlns="http://maven.apache.org/P ...

  6. Vue中通过el-upload组件实现上传前预览本地图片

    1.实现效果如下图所示 用户选择本地待上传的图片,选择成功后,上传组件隐藏,呈现本地预览组件,单击图片并实现图片的放大呈现 2.template(相当于html)部分的代码如下 代码实现逻辑: 在el ...

  7. 解决input file上传图片,部分手机拍照或者本地图片无法上传(图片太大,需要上传之前先压缩)

    现在一般手机拍的照片都好几兆,图片文件太大会非常影响上传速度或者根本上传不上去,故上传图片前需要先进行压缩,这里使用的是lrz.js(lrz.js文件这里就不提供了) <input type=& ...

  8. php接受本地图片上传,用php把本地要上传的图片经过剪切,存入数据库

    //获取上传临时文件路径 $uploadedfile = $_FILES['uploadfile']['tmp_name']; //获取源文件资源句柄.接收参数为图片路径,返回句柄 $source = ...

  9. Maven上传jar包到本地仓库

    Maven上传jar包到本地仓库 第一步:配置Maven环境变量 F:\apache-maven-3.5.2\bin 配置到path中 找到要上传的jar包 地址栏输入 cmd mvn install ...

  10. kindeditor扩展粘贴截图功能修改图片上传路径并通过webapi上传图片到图片服务器...

    2019独角兽企业重金招聘Python工程师标准>>> kindeditor是一个非常好用的富文本编辑器,它的简单使用我就不再介绍了. 而kindeditor却对图片的处理不够理想. ...

最新文章

  1. HBase 6、用Phoenix Java api操作HBase
  2. java 正则 实例_Java正则表达式实例详解
  3. 关于游戏烂代码的那些事(下)
  4. QTP的那些事--操作excel的函数
  5. python print用法不换行_python3让print输出不换行的方法
  6. UI标签库专题六:JEECG智能开发平台 Autocomplete(自动补全标签 )
  7. IPMI 1:ipmi简介
  8. jav中什么是组织java程序_在Java中,开发图形用户界面的程序需要使用一个系统提供的类库,这个类库就是以下的______包。A.jav...
  9. usertoken_华为手机usertoken已过期
  10. Go语言源码中Replacer查找部份的笔记
  11. 如何做人群画像 如何做用户画像
  12. win10无法识别的usb设备前一个设备不正常的解决方法
  13. 【算法竞赛学习笔记】佩尔方程-数学提升计划
  14. python适合做网站吗_零基础学python—做网站
  15. 1.1 Android 系统概述_智能手机系统介绍
  16. 基于开源SATA核的PCIE-SATA设计
  17. 2018互联网女皇报告中文完整版(附下载地址)
  18. 对2023015期双色球号码的可能性进行计算
  19. 基于C语言使用卡尔丹公式法求解一元三次方程
  20. android应用开发-从设计到实现 3-4 静态原型的状态栏

热门文章

  1. cuid卡写入后锁死_CUID卡,CUID白卡,CUID门禁卡,CUID电梯卡,CUID可改写卡
  2. cadence快捷键修改文件_PCB快捷键设置
  3. Spring学习之旅(二):Bean的高级装配之解决装配歧义性
  4. php psr 编码规范_PHP编码风格规范
  5. zhongdexing-pro
  6. python多进程通信manager_python中进程间数据通讯模块multiprocessing.Manager的介绍
  7. vs 之bug集(不断更新中)
  8. java 给图片添加暗水印_java 实现给图片添加水印
  9. oracle修改字符集_oracle修改数据库字符集
  10. java linux解压_linux整套java环境解压版