微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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工程,通过访问页面就可以上传图片

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐