Express + multer realiza la función de carga de archivos

comenzando

 

var express = require('express');
const multer = require('multer');
const upload = multer({dest:"/xlsx/"});        //这里的路径可以随便写

 

Entonces escribamos la función de carga de archivos únicos de front-end

 

<html>
<meta charset="UTF-8">
<head>
<title>文件上传表单</title>
</head>
<body align="center">
选择一个文件上传: <br /><br />
<form action="http://localhost:3000/api/single" method="post" enctype="multipart/form-data">

<input type="file" name="image" size="50" /><br /><br />

<input type="submit" value="上传文件" />
</form>
</body>
</html>

 

El back-end del nodo, upload.single ('image') donde "image" debe corresponder al nombre del front-end, de lo contrario no se recibirá

 

router.post('/api/single',upload.single('image'),function (req,res,next) {        //单文件上传
  fs.readFile(req.file.path,function (err,data) {
    fs.writeFile('./public/image/' + new Date().getTime() + req.file.originalname,data,function (err) {
      if(err)throw err;
    })
  });
  res.send(req.file.originalname);
  res.end();
});

 

A continuación, demuestre la interfaz de carga de varios archivos

 

<html>
<meta charset="UTF-8">
<head>
<title>文件上传表单</title>
</head>
<body align="center">
选择一个文件上传: <br /><br />
<form action="http://localhost:3000/api/many" method="post" enctype="multipart/form-data">

<input type="file" name="image" size="50" /><br /><br />

<input type="file" name="image" size="50" /><br /><br />

<input type="submit" value="上传文件" />
</form>
</body>
</html>

 

 

Código de backend del nodo

 

router.post('/api/many',upload.array('image'),function (req,res,next) {        //多文件上传
  let files = req.files;
  files.map((v)=>{
    fs.readFile(v.path,function (err,data) {
      fs.writeFile('./public/image/' + new Date().getTime() + v.originalname,data,function (err) {
        if(err)throw err;
      })
    });
  });
  res.send(req.files);
  res.end();
});

 

Al tomar el nombre de la variable, no escriba el nombre de la variable como valor, de lo contrario no se atravesará.

Si encuentra el problema de la lectura confusa de los nombres de archivos chinos, utilice Nodepad ++ para ver la codificación del código fuente y convertirlo a UTF-8.

Supongo que te gusta

Origin blog.csdn.net/u012149637/article/details/88710219
Recomendado
Clasificación