nodejs integriert kindEditor, um das Bild upload_node.js zu implementieren

Die offizielle Website von kindEditor bietet integrierte Anwendungen im Zusammenhang mit ASP, ASP.NET und JSP. http://kindeditor.net/docs/upload.html kann auf die Integration von NodeJS verweisen und feststellen, dass die Verwendung von NodeJS einfacher ist

Umwelt:
unbuntu 14.10
nodejs 0.10.35
Express 4.11.2
beeindruckend 1.0.16
kindEditor 4.1.10
webStorm 8

1. Erstellen Sie über die IDE oder das Terminal ein Projekt mit dem Namen test

2. Bearbeiten Sie package.json, um beeindruckende Abhängigkeiten hinzuzufügen, und führen Sie dann npm install über das Terminal aus, um die Installation der Abhängigkeiten abzuschließen

3. Platzieren Sie das gesamte kindEditor-Verzeichnis unter test/public/lib

4. Ändern Sie die Dateien index.ejs und index.js

Integrieren Sie kindEditor in index.ejs:
​​​Setzen Sie den uploadJson von kindEditor auf die von nodejs bereitgestellte Routing-URL für die Verarbeitung von Bild-Uploads. Hier wird /uploadImg
verwendet. Fügen Sie die Routing-URL zum Verarbeiten von Bild-Uploads in index.js hinzu:
                  Fügen Sie die Nachbearbeitungsmethode hinzu, die /uploadImg entspricht,
Der Code lautet wie folgt:

index.js

Code kopieren Der Code lautet wie folgt:

        

<script><br>         var options = {<br>                uploadJson: '/uploadImg'<br>            };<br> KindEditor.ready(function(K) {<br>                   window.editor = K.create('#editor', options);<br>            });<br> </script>

<%= title %>

<br>                                                                                  

index.js

Code kopieren Der Code lautet wie folgt:

var express = require('express');

var router = express.Router();
var formidable = require('formidable');
/* Startseite abrufen */
router.get('/', function(req, res, next) {
res.render('index', { title: 'Image upload' });
});
router.post('/uploadImg', function(req, res, next) {
var form = new formidable.IncomingForm();
Form.keepExtensions = true;
Form.uploadDir = __dirname '/../public/upload';
Form.parse(req, Funktion (err, Felder, Dateien) {
Wenn (irrt) {
                throw err;
}
      var image = files.imgFile;
      var path = image.path;
Path = path.replace('/\/g', '/');
          var url = '/upload' path.substr(path.lastIndexOf('/'), path.length);
        var info = {
„Fehler“: 0,
"url": URL
        };
          res.send(info);
});
});
module.exports = router;

Starten Sie danach das Testprojekt über die IDE oder das Terminal und greifen Sie über http://localhost:3000

auf die Seite zu, um Bilder hochzuladen