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

更新时间：2017年04月26日 08:36:12 作者：隔壁陈叔叔

最近在做一个类似于论坛的系统，帖子需要进行图文并茂的显示，所以用到了富文本编辑器：kindeditor，下面这篇文章主要给大家介绍了在node.js中实现kindEditor图片上传功能的方法教程，需要的朋友可以参考借鉴，下面来一起看看吧。

前言

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

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

在线下载kindEditor编辑器：https://www.jb51.net/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实现连接mysql数据库功能示例
这篇文章主要介绍了Node.js实现连接mysql数据库功能,简单分析了nodejs连接数据库的操作步骤与相关实现技巧,需要的朋友可以参考下
2017-09-09
nodejs脚本centos开机启动实操方法
在本篇文章里小编给大家整理的是关于nodejs脚本centos开机启动实操方法，有兴趣的朋友们参考下。
2020-03-03
Node.js查找当前目录下文件夹实例代码
本篇文章主要介绍了Node.js查找当前目录下文件夹实例代码，具有一定的参考价值，有兴趣的可以了解一下。
2017-03-03
Node.js实现读取Excel数据并插入MySQL
这篇文章主要为大家详细介绍了Node.js如何实现读取Excel数据并插入到MySQL数据库中,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
2023-11-11
node.js不得不说的12点内容
本文主要是分享下，个人对node.js的一些认识和理解，希望对大家有所帮助
2014-07-07
Linux 安装nodejs环境及路径配置详细步骤
大家都知道linux安装nodejs有两种比较常用的方法，一种解压即可用的方法操作比较简便，另一种方法通过编译来安装，本文重点给大家讲解第一种方法，感兴趣的朋友跟随小编一起看看吧
2021-11-11
对mac下nodejs 更新到最新版本的最新方法(推荐)
今天小编就为大家分享一篇对mac下nodejs 更新到最新版本的最新方法(推荐)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-05-05
node省市区三级数据性能测评实例分析
这篇文章主要介绍了node省市区三级数据性能,结合具体实例形式评测分析了node省市区三级数据的实现、改进方法与运行效率,需要的朋友可以参考下
2019-11-11
NVM管理node版本以及报错解决
在开发过程中有时候会遇到老项目和新项目node版本不一致的情况,这篇文章主要给大家介绍了关于NVM管理node版本以及报错解决方法的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下
2023-12-12
Node.js模块化原理与应用详细介绍
本篇文章我们将进入我们的模块化学习，node的模块化正是node的最大特点，能够帮住我们将繁琐的复杂代码变成一个个的小模块，便于引用
2022-09-09