脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → node.js → node.js实现kindEditor图片上传功能

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-webkit 不支持html5播放mp4视频的方法

    解决node-webkit 不支持html5播放mp4视频的方法

    本文给大家分享的是解决node-webkit 不支持html5播放mp4视频的方法，其原因大概是因为node-webkit没有购买mp4格式的专利授权，恩，我们来想个办法来解决这个事情吧。
    2015-03-03
  • Node.JS段点续传：Nginx配置文件分段下载功能的实现方法

    Node.JS段点续传：Nginx配置文件分段下载功能的实现方法

    在Node.JS中可以配置这个标签来实现文件的分段下载。这篇文章给大家介绍了Node.JS段点续传：Nginx配置文件分段下载功能的实现方法，需要的朋友参考下吧
    2018-03-03
  • node.js实现回调的方法示例

    node.js实现回调的方法示例

    这篇文章主要介绍了node.js实现回调的方法,结合实例形式分析了node.js实现向回调函数传递参数、闭包的使用及链式回调相关操作技巧,需要的朋友可以参考下
    2017-03-03
  • Node.js websocket使用socket.io库实现实时聊天室

    Node.js websocket使用socket.io库实现实时聊天室

    这篇文章主要为大家详细介绍了Node.js websocket使用socket.io库实现实时聊天室，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-02-02
  • node.js实现爬虫教程

    node.js实现爬虫教程

    这篇文章主要为大家介绍了node.js基础模块http、网页分析工具cherrio实现爬虫的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-03-03
  • nodejs结合Socket.IO实现websocket即时通讯

    nodejs结合Socket.IO实现websocket即时通讯

    websocket 是一种网络通信协议，一般用来进行实时通信会使用到。本文主要介绍了nodejs结合Socket.IO实现websocket即时通讯 ，感兴趣的可以了解一下
    2021-11-11
  • Nodejs探秘之深入理解单线程实现高并发原理

    Nodejs探秘之深入理解单线程实现高并发原理

    这篇文章主要介绍了Nodejs单线程实现高并发原理，对Node.js感兴趣的同学，可以参考下
    2021-04-04
  • 详解使用 Node.js 开发简单的脚手架工具

    详解使用 Node.js 开发简单的脚手架工具

    这篇文章主要介绍了详解使用 Node.js 开发简单的脚手架工具，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06
  • koa2服务配置SSL的实现方法

    koa2服务配置SSL的实现方法

    这篇文章主要介绍了koa2服务配置SSL的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • Nodejs-cluster模块知识点总结及实例用法

    Nodejs-cluster模块知识点总结及实例用法

    在本篇文章里小编给大家整理的是一篇关于Nodejs-cluster模块知识点总结及实例用法，有兴趣的朋友们可以跟着学习下。
    2021-12-12

最新评论