nodejs 整合kindEditor实现图片上传

前端之家收集整理的这篇文章主要介绍了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工程,通过访问页面就可以上传图片

猜你在找的Node.js相关文章