Summernote 图片 + Node.js (Express.js)答案

【问题标题】：Summernote image + Node.js (Express.js)Summernote 图片 + Node.js (Express.js)
【发布时间】：2016-12-16 11:54:04
【问题描述】：

关于如何在 PHP 端处理 Summernote 文件上传 的解决方案太多，但我找不到一个像样的解决方案展示了如何在 Node.js 中处理它。

我的 Javascript

$(document).ready(function() {
    // $('#summernote').summernote();

    $('#summernote').summernote({
        height: 590,   
        focus: true,
        callbacks: {                                        
            onImageUpload : function(file, editor, welEditable) {
                saveFile(file[0], editor, welEditable);
            }
        }                                
    });

    function saveFile(file, editor, welEditable){
        console.log(file)
        data = new FormData();
        data.append("file", file);
        $.ajax({
            data: data,
            type: "POST",
            url: "/save/wiki",
            cache: false,
            contentType: false,
            processData: false,
            success: function(url) {
                console.log(url)
                editor.insertImage(welEditable, url);
            }
        });
    }
});

app.js

var express     = require('express');
var bodyParser  = require('body-parser');
var multer      = require('multer');
var path        = require('path');
var app         = express();


var jsonPrsr = bodyParser.json();                                        
var urlencodedPrsr = bodyParser.urlencoded({ extended: false });         
var routes = require('./routes')(app, jsonPrsr, urlencodedPrsr, multer); 
var port = process.env.PORT || 1337;                                     


app.listen(port, function(err){
    if(err){
        console.log("Server failed to start on port: "+port+". Description: ");
        console.log(err);
    }else console.log(port+'is ON')
});

routes.js

module.exports = function(app, jsonParser, urlencodedParser, multer) {
    app.post('/save/wiki', urlencodedParser, function(req, res){
        if( typeof req.body != 'undefined' )
            console.log(req.body); // THIS RETURNS {} ie. empty
        var file_name = req.body.file;
        var upload, 
            upload_destination = './public';
            storage = multer.diskStorage({                                  
                 destination: function (req, file, callback) {
                     callback(null, upload_destination);
                  },
                  filename: function (req, file, callback) {
                      callback(null, file.fieldname + '-' +Date.now());
                  }
             });

        upload = multer({ storage : storage}).single(file_name);

        upload(req,res,function(err) {
            if(err) 
                res.send("Error uploading file.");
            else
                res.send("File is uploaded");
            res.end();
        });
    });
}

我的问题是

console.log(req.body); 正在返回空对象 {}。没有文件。

我想要

将 Summernote 编辑器中触发的文件上传到目录'./public'

谁能告诉我缺少什么？或者哪里出了问题？

谢谢

【问题讨论】：

您使用 multer 错误，请阅读文档。它旨在用作中间件。
我可以检查 multer，但我什至没有在我的服务器端获取上传的文件。收到{}请求
正确设置 multer 后，您的文件将位于 req.file(s) 而不是 req.body。
哦，好的，谢谢，如果可能的话，你能写下你的答案吗？我是 express.js 的新手。你的回答对我有很大帮助

标签： javascript jquery node.js express summernote

【解决方案1】：

试试this，上传文件的一些很好的工作示例。

var express = require('express'),
    multer  = require('multer')

var app = express()
app.use(multer({ dest: './uploads/'}))

app.get('/', function(req, res){
  res.send('hello world');
});

app.post('/', function(req, res){
    console.log(req.body) // form fields
    console.log(req.files) // form files
    res.status(204).end()
});

app.listen(3000);

【讨论】：