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 相关文章推荐
javascript 面向对象继承
Nov 26 Javascript
javascript-表格排序(降序/反序)实现介绍(附图)
May 30 Javascript
JavaScript-RegExp对象只能使用一次问题解决方法
Jun 23 Javascript
用javascript关闭本窗口不弹出询问框的方法
Sep 12 Javascript
微信小程序 实战程序简易新闻的制作
Jan 09 Javascript
Javascript实现从小到大的数组转换成二叉搜索树
Jun 13 Javascript
three.js中文文档学习之创建场景
Nov 20 Javascript
Angular动态绑定样式及改变UI框架样式的方法小结
Sep 03 Javascript
vue axios数据请求及vue中使用axios的方法
Sep 10 Javascript
简化版的vue-router实现思路详解
Oct 19 Javascript
从源码里了解vue中的nextTick的使用
Nov 22 Javascript
layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例
Oct 26 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 Ajax乱码
2008/04/09 PHP
php中json_encode中文编码问题分析
2011/09/13 PHP
thinkphp配置文件路径的实现方法
2016/08/30 PHP
php compact 通过变量创建数组
2016/11/15 PHP
php获取指定数量随机字符串的方法
2017/02/06 PHP
php libevent 功能与使用方法详解
2020/03/04 PHP
javascript十个最常用的自定义函数(中文版)
2009/09/07 Javascript
JavaScript 程序编码规范
2010/11/23 Javascript
IE图片缓存document.execCommand("BackgroundImageCache",false,true)
2011/03/01 Javascript
JS 表单验证大全
2011/11/23 Javascript
js 弹出新页面避免被浏览器、ad拦截的一种新方法
2014/04/30 Javascript
node.js实现BigPipe详解
2014/12/05 Javascript
node.js中的querystring.stringify方法使用说明
2014/12/10 Javascript
基于Css3和JQuery实现打字机效果
2015/08/11 Javascript
js密码强度校验
2015/11/10 Javascript
jQuery实现图片预加载效果
2015/11/27 Javascript
详解JavaScript逻辑Not运算符
2015/12/04 Javascript
javascript 常用验证函数总结
2016/06/28 Javascript
基于JQuery及AJAX实现名人名言随机生成器
2017/02/10 Javascript
Angular指令之restict匹配模式的详解
2017/07/27 Javascript
jQueryUI Sortable 应用Demo(分享)
2017/09/07 jQuery
ES6中字符串string常用的新增方法小结
2017/11/07 Javascript
微信小程序绘制图片发送朋友圈
2019/07/25 Javascript
Vuex 模块化使用详解
2019/07/31 Javascript
layer父页获取弹出层输入框里面的值方法
2019/09/02 Javascript
JS造成内存泄漏的几种情况实例分析
2020/03/02 Javascript
python 正则式 概述及常用字符
2009/05/07 Python
Python实现的下载8000首儿歌的代码分享
2014/11/21 Python
使用Python压缩和解压缩zip文件的教程
2015/05/06 Python
python高阶爬虫实战分析
2018/07/29 Python
浅谈Pandas:Series和DataFrame间的算术元素
2018/12/22 Python
python aiohttp的使用详解
2019/06/20 Python
2021年的Python 时间轴和即将推出的功能详解
2020/07/27 Python
HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述
2013/01/30 HTML / CSS
座谈会主持词
2014/03/20 职场文书
NoSQL优缺点与MongoDB数据库简介
2022/06/05 MongoDB