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 相关文章推荐
js表格分页实现代码
Sep 18 Javascript
Jquery之Ajax运用 学习运用篇
Sep 26 Javascript
JS将数字转换成三位逗号分隔的样式(示例代码)
Feb 19 Javascript
单击和双击事件的冲突处理示例代码
Apr 03 Javascript
学JavaScript七大注意事项【必看】
May 04 Javascript
json实现添加、遍历与删除属性的方法
Jun 17 Javascript
Vue.js结合bootstrap实现分页控件
Mar 10 Javascript
JavaScript变量类型以及变量作用域详解
Aug 14 Javascript
node.js学习笔记之koa框架和简单爬虫练习
Dec 13 Javascript
vue + axios get下载文件功能
Sep 25 Javascript
原生js实现照片墙效果
Oct 13 Javascript
Vue-router编程式导航的两种实现代码
Mar 04 Vue.js
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编程开发“虚拟域名”系统
2006/10/09 PHP
php数组去重实例及分析
2013/11/26 PHP
PHP 实现类似js中alert() 提示框
2015/03/18 PHP
smarty中改进truncate使其支持中文的方法
2016/05/30 PHP
TP3.2批量上传文件或图片 同名冲突问题的解决方法
2017/08/01 PHP
js列举css中所有图标的实现代码
2011/07/04 Javascript
用javascript添加控件自定义属性解析
2013/11/25 Javascript
JavaScript返回当前会话cookie全部键值对照的方法
2015/04/03 Javascript
JavaScript实现获得所有兄弟节点的方法
2015/07/23 Javascript
Javascript基于AJAX回调函数传递参数实例分析
2015/12/15 Javascript
js实现input密码框提示信息的方法(附html5实现方法)
2016/01/14 Javascript
js带闹铃功能的倒计时代码
2016/09/29 Javascript
vue 动态修改a标签的样式的方法
2018/01/18 Javascript
vue的过滤器filter实例详解
2018/09/17 Javascript
vue中引入mxGraph的步骤详解
2019/05/17 Javascript
Python中的魔法方法深入理解
2014/07/09 Python
实例讲解Python的函数闭包使用中应注意的问题
2016/06/20 Python
在dataframe两列日期相减并且得到具体的月数实例
2018/07/03 Python
python 获得任意路径下的文件及其根目录的方法
2019/02/16 Python
python3+PyQt5 数据库编程--增删改实例
2019/06/17 Python
详解Python的三种拷贝方式
2020/02/11 Python
python实现根据给定坐标点生成多边形mask的例子
2020/02/18 Python
Python小白学习爬虫常用请求报头
2020/06/03 Python
Tensorflow--取tensorf指定列的操作方式
2020/06/30 Python
哥德堡通行证:Gothenburg Pass
2019/12/09 全球购物
高中生学习生活的自我评价
2013/11/27 职场文书
学校七一活动方案
2014/01/19 职场文书
贷款担保书范文
2014/05/13 职场文书
环境整治工作方案
2014/05/18 职场文书
中秋节国旗下演讲稿
2014/09/05 职场文书
执法作风整顿剖析材料
2014/10/11 职场文书
师德标兵事迹材料
2014/12/19 职场文书
授权委托书
2015/01/28 职场文书
房地产置业顾问岗位职责
2015/04/11 职场文书
七一活动主持词
2015/06/29 职场文书
JS中如何优雅的使用async await详解
2021/10/05 Javascript