nodejs 實(shí)現(xiàn)kindEditor圖片上傳功能

kindEditor官網(wǎng)上中提供了ASP,ASP.NET,JSP相關(guān)的整合應(yīng)用
http://kindeditor.net/docs/upload.html
可以參照官方文檔實(shí)現(xiàn)nodejs的kindEditor上傳功能

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中使用圖片上傳和圖片批量上傳的功能了

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容