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 相关文章推荐
document.documentElement和document.body区别介绍
Sep 16 Javascript
js密码强度校验
Nov 10 Javascript
JSON+Jquery省市区三级联动
Jan 13 Javascript
老生常谈的跨域处理
Jan 11 Javascript
JavaScript定义及输出螺旋矩阵的方法详解
Dec 01 Javascript
Vue中添加手机验证码组件功能操作方法
Dec 07 Javascript
AngularJS实现的生成随机数与猜数字大小功能示例
Dec 25 Javascript
Vue实现移动端页面切换效果【推荐】
Nov 13 Javascript
jquery实现Ajax请求的几种常见方式总结
May 28 jQuery
使用pkg打包ThinkJS项目的方法步骤
Dec 30 Javascript
原生JS实现天气预报
Jun 16 Javascript
在vue中封装方法以及多处引用该方法详解
Aug 14 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
深入php常用函数的使用汇总
2013/06/08 PHP
php5.4以下版本json不支持不转义内容中文的解决方法
2015/01/13 PHP
PHP判断浏览器、判断语言代码分享
2015/03/05 PHP
PHP利用hash冲突漏洞进行DDoS攻击的方法分析
2015/03/26 PHP
PHP使用星号隐藏用户名,手机和邮箱的实现方法
2016/09/22 PHP
jqPlot 图表中文API使用文档及源码和在线示例
2012/02/07 Javascript
Javascript获取窗口(容器)的大小及位置参数列举及简要说明
2012/12/09 Javascript
Javasipt:操作radio标签详解
2013/12/30 Javascript
jquery-syntax动态语法着色示例代码
2014/05/14 Javascript
JQuery右键菜单插件ContextMenu使用指南
2014/12/19 Javascript
比例尺、缩略图、平移缩放之百度地图添加控件方法
2015/08/03 Javascript
jQuery实现倒计时重新发送短信验证码功能示例
2017/01/12 Javascript
BootStrap的两种模态框方式
2017/05/10 Javascript
JavaScript原型式继承实现方法
2019/11/06 Javascript
nodejs对mongodb数据库的增加修删该查实例代码
2020/01/05 NodeJs
vue elementui 实现搜索栏公共组件封装的实例代码
2020/01/20 Javascript
使用React代码动态生成栅格布局的方法
2020/05/24 Javascript
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
2020/09/12 Javascript
antd design table更改某行数据的样式操作
2020/10/31 Javascript
Python3解决棋盘覆盖问题的方法示例
2017/12/07 Python
python代码实现ID3决策树算法
2017/12/20 Python
在python中安装basemap的教程
2018/09/20 Python
python 阶乘累加和的实例
2019/02/01 Python
TensorFlow使用Graph的基本操作的实现
2020/04/22 Python
伦敦一家西班牙童装精品店:La Coqueta
2018/02/02 全球购物
Hoover胡佛官网:美国吸尘器和洗地机品牌
2019/01/09 全球购物
LG西班牙网上商店:Tienda LG Online Es
2019/07/30 全球购物
日本AOKI官方商城:AOKI西装
2020/06/11 全球购物
外科实习自我鉴定
2013/10/06 职场文书
音乐系毕业生自荐信
2013/10/27 职场文书
项目考察欢迎辞
2014/01/17 职场文书
经理助理岗位职责
2014/03/05 职场文书
护士求职自荐信
2015/03/25 职场文书
建筑工程催款函
2015/06/24 职场文书
卫生主题班会
2015/08/14 职场文书
三严三实学习心得体会(精选N篇)
2016/01/05 职场文书