Expressjs pour télécharger une image en utilisant multer enregistre une image dans un format étrange

J’essaie de construire une API qui prendra en compte les images utilisées de cette manière, je réussis à télécharger une image, mais cela enregistre dans un format étrange et non dans le format que j’ai essayé de sauvegarder. Je vais poster le code associé ici.

dans 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'))); 

Dans le fichier 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; 

L’image enregistrée ressemble à ceci entrez la description de l'image ici

Le second qui contient des caractères alphanumériques.

Les données d’image ressemblent à ceci

 { "_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 }, 

C’est comme ça que je fais un appel de postier

entrez la description de l'image ici

Ce problème a été résolu pour ceux qui ont un problème similaire. Ce qui a fonctionné pour moi a été fait

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

dans la classe API elle-même.