node.js中实现kindEditor图片上传功能的方法教程
2017-04-26 08:36
1111 查看
前言
最近由于工作需要使用在线编辑器,找了几个对比了下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开发教程之基于OnceIO框架实现文件上传和验证功能
- JS实现上传图片的三种方法并实现预览图片功能
- node.js+express 实现CSDN上传头像功能 (包含图片的缩放,生成头像缩略图)
- Node.js开发教程之基于OnceIO框架实现文件上传和验证功能
- 从零开始学习Node.js系列教程三:图片上传和显示方法示例
- Node.js新手教程——怎样实现文件上传功能
- js实现IE7图片上传预览的功能代码
- JS实现图片上传预览效果:方法一
- js实现上传图片预览的方法
- js实现上传图片本地预览功能以及限制图片的文件大小和尺寸大小
- php相册功能实现(包含php图片上传,后台管理,浏览和删除)教程例子
- js实现上传图片预览的方法
- nodejs + express + 上传图片功能
- node.js WEB开发中图片验证码的实现方法
- node.js实现多图片上传
- JS上传图片前实现图片预览效果的方法
- 基于C# winform实现图片上传功能的方法
- 基于nodejs+express(4.x+)实现文件上传功能
- Nodejs学习笔记(八)--- Node.js + Express 实现上传文件功能(felixge/node-formidable)