Maison > interface Web > js tutoriel > le corps du texte

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

WBOY
Libérer: 2016-05-16 16:16:06
original
1688 Les gens l'ont consulté

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 %>






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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal