node.js中實(shí)現(xiàn)kindEditor圖片上傳功能的方法教程
前言
最近由于工作需要使用在線編輯器，找了幾個(gè)對比了下KindEditor還是不錯(cuò)的，國產(chǎn)的但文檔還是不全，還好能參考官方插件，kindEditor官網(wǎng)上中提供了ASP,ASP.NET,JSP相關(guān)的整合應(yīng)用
可以參照官方文檔實(shí)現(xiàn)nodejs的kindEditor上傳功能：http://kindeditor.net/docs/upload.html
在線下載kindEditor編輯器：http://www.dhdzp.com/codes/36131.html
實(shí)現(xiàn)方法：
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中使用圖片上傳和圖片批量上傳的功能了
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
- kindeditor 加入七牛云上傳的實(shí)例講解
- Kindeditor編輯器添加圖片上傳水印功能（php代碼）
- Kindeditor單獨(dú)調(diào)用單圖上傳增加預(yù)覽功能的實(shí)例
- Kindeditor單獨(dú)調(diào)用多圖上傳實(shí)例
- asp.net core集成kindeditor實(shí)現(xiàn)圖片上傳功能
- js控件Kindeditor實(shí)現(xiàn)圖片自動(dòng)上傳功能
- nodejs 整合kindEditor實(shí)現(xiàn)圖片上傳
- KindEditor圖片上傳的Asp.net代碼實(shí)例
- springmvc+kindeditor文件上傳實(shí)例詳解
相關(guān)文章
解決node-webkit 不支持html5播放mp4視頻的方法
本文給大家分享的是解決node-webkit 不支持html5播放mp4視頻的方法，其原因大概是因?yàn)閚ode-webkit沒有購買mp4格式的專利授權(quán)，恩，我們來想個(gè)辦法來解決這個(gè)事情吧。2015-03-03
Node.JS段點(diǎn)續(xù)傳：Nginx配置文件分段下載功能的實(shí)現(xiàn)方法
在Node.JS中可以配置這個(gè)標(biāo)簽來實(shí)現(xiàn)文件的分段下載。這篇文章給大家介紹了Node.JS段點(diǎn)續(xù)傳：Nginx配置文件分段下載功能的實(shí)現(xiàn)方法，需要的朋友參考下吧2018-03-03
node.js實(shí)現(xiàn)回調(diào)的方法示例
這篇文章主要介紹了node.js實(shí)現(xiàn)回調(diào)的方法,結(jié)合實(shí)例形式分析了node.js實(shí)現(xiàn)向回調(diào)函數(shù)傳遞參數(shù)、閉包的使用及鏈?zhǔn)交卣{(diào)相關(guān)操作技巧,需要的朋友可以參考下2017-03-03
Node.js websocket使用socket.io庫實(shí)現(xiàn)實(shí)時(shí)聊天室
這篇文章主要為大家詳細(xì)介紹了Node.js websocket使用socket.io庫實(shí)現(xiàn)實(shí)時(shí)聊天室，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要為大家介紹了node.js基礎(chǔ)模塊http、網(wǎng)頁分析工具cherrio實(shí)現(xiàn)爬蟲的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-03-03
nodejs結(jié)合Socket.IO實(shí)現(xiàn)websocket即時(shí)通訊
websocket 是一種網(wǎng)絡(luò)通信協(xié)議，一般用來進(jìn)行實(shí)時(shí)通信會使用到。本文主要介紹了nodejs結(jié)合Socket.IO實(shí)現(xiàn)websocket即時(shí)通訊 ，感興趣的可以了解一下2021-11-11
Nodejs探秘之深入理解單線程實(shí)現(xiàn)高并發(fā)原理
這篇文章主要介紹了Nodejs單線程實(shí)現(xiàn)高并發(fā)原理，對Node.js感興趣的同學(xué)，可以參考下2021-04-04
這篇文章主要介紹了詳解使用 Node.js 開發(fā)簡單的腳手架工具，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-06-06
koa2服務(wù)配置SSL的實(shí)現(xiàn)方法
這篇文章主要介紹了koa2服務(wù)配置SSL的實(shí)現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05
Nodejs-cluster模塊知識點(diǎn)總結(jié)及實(shí)例用法
在本篇文章里小編給大家整理的是一篇關(guān)于Nodejs-cluster模塊知識點(diǎn)總結(jié)及實(shí)例用法，有興趣的朋友們可以跟著學(xué)習(xí)下。2021-12-12