nodejs は、kindEditor を統合して、画像 Upload_node.js を実装します。

kindEditor の公式 Web サイトでは、ASP、ASP.NET、および JSP に関連する統合アプリケーションが提供されています。http://kindeditor.net/docs/upload.html では、nodejs の統合を参照すると、nodejs を使用する方が簡単であることがわかります。

環境:
unbuntu 14.10
ノードjs 0.10.35
エクスプレス 4.11.2
恐るべき1.0.16
kindEditor 4.1.10
ウェブストーム 8

1. IDE またはターミナルを通じて test という名前のプロジェクトを作成します

2. package.json を編集して強力な依存関係を追加し、ターミナルから npm install を実行して依存関係のインストールを完了します。

3. kindEditor ディレクトリ全体を test/public/lib の下に配置します

4.index.ejs およびindex.js ファイルを変更します

kindEditor を Index.ejs に統合します:
画像のアップロードを処理するために、kindEditor の UploadJson を、nodejs によって提供されるルーティング URL に設定します。ここでは /uploadImg
が使用されます。 画像のアップロードを処理するためのルーティング URL を Index.js に追加します:
/uploadImg、
に対応する後処理メソッドを追加します。 コードは次のとおりです:

index.js

コードをコピーします コードは次のとおりです:

<頭>




<スクリプト>
var オプション = {
UploadJson: '/uploadImg'
};
KindEditor.ready(function(K) {
window.editor = K.create('#editor', options);
});

<%= タイトル %>

<br>                                                                                    

index.js

コードをコピーします コードは次のとおりです:

var Express = require('express');

var router = Express.Router();
var formidable = require('formidable');
/* ホームページを取得します */
router.get('/', function(req, res, next) {
res.render('index', { title: '画像アップロード' });
});
router.post('/uploadImg', function(req, res, next) {
var form = new formidable.IncomingForm();
Form.keepExtensions = true;
Form.uploadDir = __dirname '/../public/upload';
Form.parse(req, function (err, フィールド, ファイル) {
(エラー) {
の場合 throw err;
}
var image = files.imgFile;
var path = image.path;
パス = path.replace('/\/g', '/');
var url = '/upload' path.substr(path.lastIndexOf('/'), path.length);
var info = {
「エラー」: 0、
"url": URL
};
res.send(info);
});
});
module.exports = ルーター;

その後、IDE またはターミナルからテスト プロジェクトを開始し、http://localhost:3000

からページにアクセスして画像をアップロードします