溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
前言
最近由于工作需要使用在線編輯器，找了幾個對比了下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中使用圖片上傳和圖片批量上傳的功能了
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對億速云的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
