nodejs는 kindEditor를 통합하여 이미지 upload_node.js를 구현합니다.

kindEditor 공식 홈페이지에서는 ASP, ASP.NET, JSP 관련 통합 애플리케이션을 제공하고 있습니다. http://kindeditor.net/docs/upload.html 에서는 nodejs 통합을 참조하여 nodejs를 사용하는 것이 더 쉽다는 것을 알 수 있습니다.

환경:
운분투 14.10
nodejs 0.10.35
표현 4.11.2
만만치 않은 1.0.16
종류에디터 4.1.10
웹스톰 8

1. IDE나 터미널을 통해 test라는 프로젝트를 생성합니다

2. package.json을 편집하여 강력한 종속성을 추가합니다. 여기서는 1.0.16 버전을 사용하고 터미널을 통해 npm install을 실행하여 종속성 설치를 완료합니다

3. 전체 kindEditor 디렉토리를 test/public/lib 아래에 배치합니다

4. index.ejs 및 index.js 파일 수정
index.ejs에 kindEditor를 통합하세요:
​​​이미지 업로드 처리를 위해 kindEditor의 uploadJson을 nodejs에서 제공하는 라우팅 URL로 설정합니다. 여기서는 /uploadImg
가 사용됩니다. index.js에서 이미지 업로드를 처리하기 위한 라우팅 URL을 추가하세요.
                  /uploadImg에 해당하는 사후 처리 방법을 추가합니다.
코드는 다음과 같습니다.

index.js

코드 복사 코드는 다음과 같습니다.

        


        var 옵션 = {
               uploadJson: '/uploadImg'
           };
KindEditor.ready(함수(K) {
                  window.editor = K.create('#editor', options);
           });

머리>

<br> > 텍스트 영역><br> 본문><br> <br> <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, 함수(err, 필드, 파일) {
만약 (오류) {
                오류를 던졌습니다.
}
      var image = files.imgFile;
      var 경로 = image.path;
경로 = path.replace('/\/g', '/');
          var url = '/upload' path.substr(path.lastIndexOf('/'), path.length);
        var 정보 = {
"오류": 0,
"url": URL
        };
          res.send(정보);
});
});
module.exports = 라우터;

이후 IDE나 터미널을 통해 테스트 프로젝트를 시작하고

http://localhost:3000을 통해 페이지에 접속해 이미지를 업로드