Rumah  >  Artikel  >  hujung hadapan web  >  nodejs menyepadukan kindEditor untuk melaksanakan upload_node.js imej

nodejs menyepadukan kindEditor untuk melaksanakan upload_node.js imej

WBOY
WBOYasal
2016-05-16 16:16:061645semak imbas

Tapak web rasmi kindEditor menyediakan aplikasi bersepadu yang berkaitan dengan ASP, ASP.NET dan JSP http://kindeditor.net/docs/upload.html boleh merujuk kepada penyepaduan nodej dan mendapati bahawa lebih mudah untuk menggunakan nodej.

Persekitaran:
unbuntu 14.10
nodejs 0.10.35
ekspres 4.11.2
menggerunkan 1.0.16
kindEditor 4.1.10
webRibut 8

1. Buat projek bernama ujian melalui IDE atau terminal

2. Edit package.json untuk menambah kebergantungan yang menggerunkan Versi 1.0.16 digunakan di sini, dan kemudian laksanakan pemasangan npm melalui terminal untuk menyelesaikan pemasangan kebergantungan

3. Letakkan seluruh direktori kindEditor di bawah test/public/lib

4. Ubah suai fail index.ejs dan index.js
Sepadukan kindEditor dalam index.ejs:
​​​Tetapkan uploadJson of kindEditor kepada url penghalaan yang disediakan oleh nodejs untuk memproses muat naik imej /uploadImg
digunakan di sini. Tambahkan url penghalaan untuk mengendalikan muat naik imej dalam index.js:
                    Tambahkan kaedah pemprosesan pos yang sepadan dengan /uploadImg,
Kodnya adalah seperti berikut:

index.js

Salin kod Kod adalah seperti berikut:




<%= tajuk %>


        

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



<%= tajuk %>






index.js

Salin kod Kod adalah seperti berikut:
var express = memerlukan('express');
var penghala = express.Router();
var menggerunkan = memerlukan('gerun');
/* DAPATKAN halaman utama */
router.get('/', function(req, res, next) {
res.render('index', { tajuk: 'Muat naik imej' });
});
router.post('/uploadImg', function(req, res, next) {
var form = new formidable.IncomingForm();
Form.keepExtensions = benar;
Form.uploadDir = __dirname '/../public/upload';
Form.parse(req, fungsi (err, fields, files) {
Jika (err) {
                balingan err;
}
      var image = files.imgFile;
      var path = image.path;
Laluan = path.replace('/\/g', '/');
        var url = '/upload' path.substr(path.lastIndexOf('/'), path.length);
      var maklumat = {
"ralat": 0,
"url": url
        };
          res.send(info);
});
});
module.exports = penghala;

Selepas itu, mulakan projek ujian melalui IDE atau terminal, dan akses halaman melalui

http://localhost:3000 untuk memuat naik imej

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn