nodeJS+express+CKeditor 上传图

最新推荐文章于 2021-04-25 16:36:54 发布

JessicalLxc

最新推荐文章于 2021-04-25 16:36:54 发布

阅读量1.1k

点赞数

分类专栏： NodeJS 文章标签： nodejs express ckeditor

本文链接：https://blog.csdn.net/u013291057/article/details/52485818

版权

NodeJS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

主要使用Express框架做上传，关于CKeditor基本配置;在config.js中添加

config.image_previewText=' ';

config.filebrowserImageUploadUrl= "/uploadify";//上传图片的路径

之后看我页面

   <textarea class="form-control" rows="5" type="text" id="question_content" name="question_content" ></textarea>
                            <script type="text/javascript">CKEDITOR.replace('question_content')</script>
<img src="https://img-blog.csdn.net/20160913172638988?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />
<img src="https://img-blog.csdn.net/20160913172702357?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" /><img src="https://img-blog.csdn.net/20160913172731441?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />
<span style="font-family: 宋体; font-size: 9pt;">nodeJS 代码=====》</span>
var express    = require('express');
var router     = express.Router();
var formidable = require('formidable');
var fs         = require('fs');
var path       = require('path');

router.post('/', function (req,res,next) {
    var today = new Date();
    var folder = today.getFullYear() + "/" + (today.getMonth() + 1) + "/" + today.getDate();
    var dirname = __dirname.replace("/routes/apps", '/public/upload/' + folder);
    if (mkdirsSync(dirname, '0777')) {
        var form = new formidable.IncomingForm();
        form.encoding = "utf-8";
        form.uploadDir = dirname;
        form.maxFontSize = 2 * 1024 * 1024;
        form.parse(req, function (err, fields, files) {
            if (err)return;
            var fileName = new Date().getTime() + "." + files.pic.name.split('.')[files.pic.name.split('.').length - 1];
            var newPath = form.uploadDir + "/" + fileName;
            fs.rename(files.pic.path, newPath, function () {
                res.end(JSON.stringify({fileName: '/upload/' + folder + "/" + fileName}))
            });
        })
    } else
        console.error('error')
});

function mkdirsSync(dirpath, mode) {
    if (!fs.existsSync(dirpath)) {
        var pathtmp;
        dirpath.split(path.sep).forEach(function (dirname) {
            if (dirname == "") {
                dirname = "/"
            }
            if (pathtmp) {
                pathtmp = path.join(pathtmp, dirname);
            } else {
                pathtmp = dirname;
            }
            if (!fs.existsSync(pathtmp)) {
                if (!fs.mkdirSync(pathtmp, mode)) {
                    return false;
                }
            }
        });
    }
    return true;
}
module.exports = router;

仅供参考