欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

node.js中實(shí)現(xiàn)kindEditor圖片上傳功能的方法教程

 更新時(shí)間：2017年04月26日 08:36:12   作者：隔壁陳叔叔  
最近在做一個(gè)類(lèi)似于論壇的系統(tǒng)，帖子需要進(jìn)行圖文并茂的顯示，所以用到了富文本編輯器：kindeditor，下面這篇文章主要給大家介紹了在node.js中實(shí)現(xiàn)kindEditor圖片上傳功能的方法教程，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。

前言

最近由于工作需要使用在線編輯器，找了幾個(gè)對(duì)比了下KindEditor還是不錯(cuò)的，國(guó)產(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.dbjr.com.cn/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.通過(guò)路由將請(qǐng)求交給uploadImg方法來(lái)處理

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é)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

相關(guān)文章

  • 利用nginx + node在阿里云部署https的步驟詳解

    利用nginx + node在阿里云部署https的步驟詳解

    這篇文章主要給大家介紹了關(guān)于利用nginx + node在阿里云部署https的步驟，文中通過(guò)圖文及示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
    2017-12-12
  • 用Node編寫(xiě)RESTful API接口的示例代碼

    用Node編寫(xiě)RESTful API接口的示例代碼

    本篇文章主要介紹了用Node編寫(xiě)RESTful API接口的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-07-07
  • 如何使用axios庫(kù)在Node.js中進(jìn)行代理請(qǐng)求(實(shí)踐案例)

    如何使用axios庫(kù)在Node.js中進(jìn)行代理請(qǐng)求(實(shí)踐案例)

    axios是一個(gè)強(qiáng)大的基于Promise的HTTP客戶端,它在瀏覽器和Node.js環(huán)境中均可使用,本文將介紹如何充分利用axios庫(kù),在Node.js中進(jìn)行代理請(qǐng)求的最佳實(shí)踐,并通過(guò)一個(gè)實(shí)際案例來(lái)展示其應(yīng)用,感興趣的朋友一起看看吧
    2024-03-03
  • 在linux中使用包管理器安裝node.js

    在linux中使用包管理器安裝node.js

    這篇文章主要介紹了在linux中使用包管理器安裝node.js的方法以及具體安裝過(guò)程，非常詳細(xì)，推薦給大家，有需要的小伙伴參考下吧。
    2015-03-03
  • Node.js實(shí)現(xiàn)解析post請(qǐng)求的方法詳解

    Node.js實(shí)現(xiàn)解析post請(qǐng)求的方法詳解

    這篇文章主要為大家詳細(xì)介紹了Node.js實(shí)現(xiàn)解析post請(qǐng)求方法的相關(guān)知識(shí),文中的示例代碼講解詳細(xì),具有一定的學(xué)習(xí)價(jià)值,有需要的小伙伴可以了解下
    2024-04-04
  • 讓nodeJS支持ES6的詞法----babel的安裝和使用方法

    讓nodeJS支持ES6的詞法----babel的安裝和使用方法

    這篇文章主要介紹了讓nodeJS支持ES6的詞法----babel的安裝和使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2017-07-07
  • nodejs連接mysql數(shù)據(jù)庫(kù)及基本知識(shí)點(diǎn)詳解

    nodejs連接mysql數(shù)據(jù)庫(kù)及基本知識(shí)點(diǎn)詳解

    這篇文章主要介紹了nodejs連接mysql數(shù)據(jù)庫(kù),結(jié)合實(shí)例形式總結(jié)分析了nodejs連接與操作mysql數(shù)據(jù)庫(kù)的相關(guān)模板、配置及mysql數(shù)據(jù)庫(kù)查詢、添加數(shù)據(jù)等操作技巧,需要的朋友可以參考下
    2018-03-03
  • node.js中path路徑模塊的使用方法實(shí)例分析

    node.js中path路徑模塊的使用方法實(shí)例分析

    這篇文章主要介紹了node.js中path路徑模塊的使用方法,結(jié)合實(shí)例形式分析了node.js path路徑模塊的基本功能、原理、使用方法及操作注意事項(xiàng),需要的朋友可以參考下
    2020-02-02
  • Node.js Addons翻譯(C/C++擴(kuò)展)

    Node.js Addons翻譯(C/C++擴(kuò)展)

    這篇文章主要介紹了Node.js Addons翻譯(C/C++擴(kuò)展) 的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下
    2016-06-06
  • Node.js與Sails ~項(xiàng)目結(jié)構(gòu)與Mvc實(shí)現(xiàn)及日志機(jī)制

    Node.js與Sails ~項(xiàng)目結(jié)構(gòu)與Mvc實(shí)現(xiàn)及日志機(jī)制

    Sails是一個(gè)Node.js的中間架構(gòu)，很方便的幫助我們搭建web應(yīng)用程序。還有node.js與Sails日志機(jī)制在本文中也講到了，需要的朋友可以一起學(xué)習(xí)下
    2015-10-10

最新評(píng)論