nodejs intègre kindEditor pour implémenter l'image upload_node.js

Le site officiel de kindEditor fournit des applications intégrées liées à ASP, ASP.NET et JSP http://kindeditor.net/docs/upload.html peut faire référence à l'intégration de nodejs et constater qu'il est plus facile d'utiliser nodejs.

Environnement :
unbuntu 14.10
noeudjs 0.10.35
exprimer 4.11.2
formidable 1.0.16
kindEditor 4.1.10
webStorm 8

1. Créez un projet nommé test via l'IDE ou un terminal

2. Modifiez package.json pour ajouter de formidables dépendances. La version 1.0.16 est utilisée ici, puis exécutez npm install via le terminal pour terminer l'installation des dépendances

.

3. Placez l'intégralité du répertoire kindEditor sous test/public/lib

4. Modifier les fichiers index.ejs et index.js
Intégrez kindEditor dans index.ejs :
​​​Définissez le uploadJson de kindEditor sur l'URL de routage fournie par nodejs pour le traitement des téléchargements d'images. Le /uploadImg
est utilisé ici. Ajoutez l'URL de routage pour gérer les téléchargements d'images dans index.js :
                  Ajoutez la méthode de post-traitement correspondant à /uploadImg,
Le code est le suivant :

index.js

Copier le code Le code est le suivant :

<%= titre %>

        

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

<%= titre %>

<br>                                                                                

index.js

Copier le code Le code est le suivant :

var express = require('express');
var routeur = express.Router();
var formidable = require('formidable');
/* OBTENIR la page d'accueil */
router.get('/', function(req, res, next) {
res.render('index', { title: 'Téléchargement d'images' });
});
router.post('/uploadImg', function(req, res, next) {
var form = new formidable.IncomingForm();
Form.keepExtensions = true;
Form.uploadDir = __dirname '/../public/upload';
Form.parse(req, fonction (erreur, champs, fichiers) {
Si (erreur) {
                lancer une erreur ;
>
      var image = files.imgFile;
      var chemin = image.chemin;
Chemin = chemin.replace('/\/g', '/');
          var url = '/upload' path.substr(path.lastIndexOf('/'), path.length);
       var info = {
"erreur": 0,
"url": URL
        };
          res.send(info);
});
});
module.exports = routeur;

Après cela, démarrez le projet de test via l'IDE ou le terminal et accédez à la page via

http://localhost:3000 pour télécharger des images