欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-08-21 09:57:35
前言 最近由于工作需要使用在线编辑器,找了几个对比了下kindeditor还是不错的,国产的但文档还是不全,还好能参考官方插件,kindeditor官网上中提供了asp,...

前言

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

可以参照官方文档实现nodejs的kindeditor上传功能:

在线下载kindeditor编辑器:

实现方法:

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图片上传功能的方法教程

总结

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