node.js中实现kindEditor图片上传功能的方法教程


Posted in Javascript onApril 26, 2017

前言

最近由于工作需要使用在线编辑器,找了几个对比了下KindEditor还是不错的,国产的但文档还是不全,还好能参考官方插件,kindEditor官网上中提供了ASP,ASP.NET,JSP相关的整合应用

可以参照官方文档实现nodejs的kindEditor上传功能:http://kindeditor.net/docs/upload.html

在线下载kindEditor编辑器:https://3water.com/codes/36131.html

实现方法:

1.在客户端js中定义uploadJson为form post的action地址

var options = {
 uploadJson: '/uploadImg'
};
KindEditor.ready(function(k){
 editor = k.create('#post',options);
});

2.在nodejs中配置文件上传地址

var express = require('express');
var bodyParser = require('body-parser');
app.use(express.bodyParser({uploadDir:'./public/upload'}));

3.通过路由将请求交给uploadImg方法来处理

module.exports = function (app, routes) {
 app.post('/uploadImg',routes.uploadImg);
};
exports.uploadImg = function(req, res) {
 var fname = req.files.imgFile.path.replace("public\\upload\\", "").replace("public/upload/", "");
 var info = {
  "error": 0,
  "url": "/upload/"+fname
 };
 res.send(info);
}

这样就可以在kindEditor中使用图片上传和图片批量上传的功能了

node.js中实现kindEditor图片上传功能的方法教程

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
UI Events 用户界面事件
Jun 27 Javascript
js获取单选框或复选框值及操作
Dec 18 Javascript
asp.net中System.Timers.Timer的使用方法
Mar 20 Javascript
js 判断计算字符串长度/判断空的简单方法
Aug 05 Javascript
JavaScript splice()方法详解
Sep 22 Javascript
js分页代码分享
Apr 28 Javascript
JavaScript中使用Math.floor()方法对数字取整
Jun 15 Javascript
基于jQuery实现交互体验社会化分享代码附源码下载
Jan 04 Javascript
Javascript 基础---Ajax入门必看
Jul 06 Javascript
微信小程序 wxapp内容组件 text详细介绍
Oct 31 Javascript
理解 javascript 中的函数表达式与函数声明
Jul 07 Javascript
vue动画打包后失效问题的解决方法
Sep 18 Javascript
windows下vue-cli导入bootstrap样式
Apr 25 #Javascript
windows下vue-cli及webpack搭建安装环境
Apr 25 #Javascript
Vue+axios 实现http拦截及路由拦截实例
Apr 25 #Javascript
vuejs如何配置less
Apr 25 #Javascript
微信小程序访问node.js接口服务器搭建教程
Apr 25 #Javascript
微信小程序中显示html格式内容的方法
Apr 25 #Javascript
详谈Angular 2+ 的表单(一)之模板驱动型表单
Apr 25 #Javascript
You might like
在PWS上安装PHP4.0正式版
2006/10/09 PHP
Drupal读取Excel并导入数据库实例
2014/03/02 PHP
PHP 芝麻信用接入的注意事项
2016/12/01 PHP
PHP 实现人民币小写转换成大写的方法及大小写转换函数
2017/11/17 PHP
php中通用的excel导出方法实例
2017/12/30 PHP
javascript 获取元素位置的快速方法 getBoundingClientRect()
2009/11/26 Javascript
javascript学习笔记(十七) 检测浏览器插件代码
2012/06/20 Javascript
JS加载iFrame出现空白问题的解决办法
2016/05/13 Javascript
JS实现的打字机效果完整实例
2016/06/20 Javascript
学习vue.js中class与style绑定
2016/12/03 Javascript
JS获取字符对应的ASCII码实例
2017/09/10 Javascript
axios发送post请求,提交图片类型表单数据方法
2018/03/16 Javascript
jquery的$().each和$.each的区别
2019/01/18 jQuery
详解基于React.js和Node.js的SSR实现方案
2019/03/21 Javascript
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
2020/09/12 Javascript
python中as用法实例分析
2015/04/30 Python
Python数据库的连接实现方法与注意事项
2016/02/27 Python
Python的Django REST框架中的序列化及请求和返回
2016/04/11 Python
python数据类型_元组、字典常用操作方法(介绍)
2017/05/30 Python
python 自定义对象的打印方法
2019/01/12 Python
selenium获取当前页面的url、源码、title的方法
2019/06/12 Python
Python实用库 PrettyTable 学习笔记
2019/08/06 Python
python GUI库图形界面开发之PyQt5输入对话框QInputDialog详细使用方法与实例
2020/02/27 Python
Python+Opencv实现把图片、视频互转的示例
2020/12/17 Python
美国从事品牌鞋类零售的连锁店:Famous Footwear
2016/08/25 全球购物
员工三分钟演讲稿
2014/08/19 职场文书
大学军训自我鉴定大全
2014/09/18 职场文书
大学生国庆节65周年演讲稿范文
2014/09/25 职场文书
公安局负责人查摆问题及整改方案
2014/09/27 职场文书
中秋节慰问信
2015/02/15 职场文书
党员个人承诺书
2015/04/27 职场文书
社会实践活动总结格式
2015/05/11 职场文书
2015年学校保卫部工作总结
2015/05/11 职场文书
创业计划书之青年旅馆
2019/09/23 职场文书
Ruby序列化和持久化存储 Marshal和Pstore介绍
2022/04/18 Ruby
前端canvas中物体边框和控制点的实现示例
2022/08/05 Javascript