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. 在JavaScript中创建多行字符串
  2. boost::graph模块演示 GGCL Vertex 接口
  3. mysql 之后_MYSQL登陆完之后如何操作???(新手求助)
  4. CF788789(div1div2)
  5. FJ的字符串java问题_蓝桥杯VIP试题 之 基础练习 FJ的字符串- JAVA
  6. python 表格查询_python单表查询
  7. c#获取本地ip地址网关子网掩码_C#--WinForm获取本机网卡的型号,IP地址,子网掩码和网关-阿里云开发者社区...
  8. 平板直撑的腰椎问题(塌腰)
  9. 关于git clone 下载apex 过程中,缺少libssl.so.1.0.0的问题
  10. [电脑桌面壁纸]macOS Big Sur 桌面壁纸分享
  11. window计算机截屏快捷键,windows截图工具快捷键,win7截屏快捷键是哪个
  12. 用python爬虫爬取图虫网站图片
  13. 如何将html改成mht格式,如何编辑mht格式的文件,什么是mht?
  14. 千万别用MongoDB?
  15. 使用OAS Validator帮助你规范OpenAPI Spec文档
  16. 医疗人工智能前景——医学影像
  17. 命令与征服2完全版+烈火风暴资料片
  18. iOS11 API 更新整理
  19. 网络学习(第十八篇-HSRP协议讲解以及配置思路)
  20. Failed to start monitoring

热门文章

  1. cuid卡写入后锁死_CUID卡,CUID白卡,CUID门禁卡,CUID电梯卡,CUID可改写卡
  2. spring controller 增加header字段forward_Spring 注解编程之模式注解
  3. docker 我的世界服务器_八个Docker的真实应用场景
  4. H1作业(字符串和字节串)
  5. minist _On_[GoogleNet]
  6. c语言通讯录程序线性表,数据结构(C语言)课设1——单位员工通讯录管理系统(线性表应用)...
  7. 差分信号_形象解读差分信号,它比单端信号强在哪?
  8. java四个基本步骤_javac编译的四个主要的流程
  9. 2021赣一中高考成绩查询,赣州中学2021年高一招生问答
  10. oracle ocx加载错误,flash9.ocx 加载错误解决方法