nodejs 整合kindEditor实现图片上传

kindEditor官网上中提供了ASP,ASP.NET,JSP相关的整合应用,http://kindeditor.net/docs/upload.html可以参照实现nodejs的整合,发现实用nodejs更简单

环境: unbuntu 14.10 nodejs 0.10.35 express 4.11.2 formidable 1.0.16 kindEditor 4.1.10 webStorm 8

1.通过IDE或终端创建一个名称为test的工程

2.编辑package.json添加formidable依赖,这里使用的是1.0.16版本,之后通过终端执行npm install完成依赖的安装

3.将kindEditor整个目录放到test/public/lib下

4.修改index.ejs和index.js文件 index.ejs中整合kindEditor: 设置kindEditor的uploadJson为nodejs所提供的处理图片上传的路由url这里用的是/uploadImg index.js中添加处理图片上传的路由url: 添加/uploadImg对应的post处理方式, 代码如下:

index.js

代码如下:
<%= title %>

<%= title %>

index.js

代码如下:
图片上传' }); }); router.post('/uploadImg',next) { var form = new formidable.IncomingForm(); form.keepExtensions = true; form.uploadDir = __dirname + '/../public/upload'; form.parse(req,function (err,fields,files) { if (err) { throw err; } var image = files.imgFile; var path = image.path; path = path.replace('/\\/g','/'); var url = '/upload' + path.substr(path.lastIndexOf('/'),path.length); var info = { "error": 0, "url": url }; res.send(info); }); }); module.exports = router;

之后通过IDE或终端启动test工程,通过访问页面就可以上传图片

相关文章

这篇文章主要介绍“基于nodejs的ssh2怎么实现自动化部署”的...
本文小编为大家详细介绍“nodejs怎么实现目录不存在自动创建...
这篇“如何把nodejs数据传到前端”文章的知识点大部分人都不...
本文小编为大家详细介绍“nodejs如何实现定时删除文件”,内...
这篇文章主要讲解了“nodejs安装模块卡住不动怎么解决”,文...
今天小编给大家分享一下如何检测nodejs有没有安装成功的相关...