Expressjs 使用 multer 上传图像以奇怪的格式保存图像

Question

我正在尝试构建一个 API 来接收图像，因此为此目的使用了 multer，我成功上传了图像，但它以某种奇怪的格式保存，而不是我尝试过的实际格式保存。我会 post 相关代码在这里。

在app.js

const multer = require('multer');
app.use(function(req, res, next) { //allow cross origin requests
    res.setHeader("Access-Control-Allow-Methods", "POST, PUT, OPTIONS, DELETE, GET");
    res.header("Access-Control-Allow-Origin", "http://localhost:3001");
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
    res.header("Access-Control-Allow-Credentials", true);
    next();
});


app.use(express.static('../client'));
app.use(bodyParser.json());

app.use(multer({dest:'./angular-src/src/assets/'}).single('file'));

app.use(express.static(path.join(__dirname,'public')));

在API文件中

const express = require('express');
const router = express.Router();
const multer = require('multer');
const storage = multer.diskStorage({ //multers disk storage settings
    filename: function (req, file, cb) {
        cb(null, file.originalname);
    }
});

const upload = multer({
    storage: storage
}).single('file');



router.post('/upload',function (req,res) {
   upload(req,res,function (err) {
       if (err){
           res.json({success:false});
           return;
       }else{
           // console.log(req.files[0].originalname);
           res.json({success: true, filename: req.file});
       }
   });
});


module.exports = router;

存储的图像是这样的

第二个里面有字母数字字符。

图像数据是这样的

{
    "_type": "Project",
    "_id": "AAAAAAFF+h6SjaM2Hec=",
    "name": "Untitled",
    "ownedElements": [
        {
            "_type": "UMLModel",
            "_id": "AAAAAAFF+qBWK6M3Z8Y=",
            "_parent": {
                "$ref": "AAAAAAFF+h6SjaM2Hec="
            },
            "name": "Model",
            "ownedElements": [
                {
                    "_type": "UMLClassDiagram",
                    "_id": "AAAAAAFF+qBtyKM79qY=",
                    "_parent": {
                        "$ref": "AAAAAAFF+qBWK6M3Z8Y="
                    },
                    "name": "Main",
                    "visible": true,
                    "defaultDiagram": true
                },

这就是我从 postman

打电话的方式

Answer 1

此问题已解决，求助有类似问题的朋友。对我有用的是

app.use(multer({dest:'./angular-src/src/assets/'}).single('file'));

在 API class 本身。

Expressjs 使用 multer 上传图像以奇怪的格式保存图像

Expressjs to upload an image using multer saves an image in a weird format

node.js

express

mean-stack

angular2-template

angular2-services