前端上傳文件/node-express接收文件保存

前端上傳文件：

可以用form標簽上傳

<form name="form名稱" action="請求地址"  method="請求類型" enctype ="multipart/form-data">

    <input type="file" name="">

    <input type="text" name="">

    <input type="submit" value="提交">

</form>

也可以用formData上傳

 

 

<input type="file" >

 

 

后台接收文件：

node    -    express

 

npm install -S multiparty

//引用

const multiparty = require('multiparty')

const fs = require('fs')

app.post("/info",  function (req, res) {
  /* 生成multiparty對象，並配置上傳目標路徑 */
  let form = new multiparty.Form();
  // 設置編碼 
  form.encoding = 'utf-8';
  // 設置文件存儲路徑，以當前編輯的文件為相對路徑
  form.uploadDir = './images';
  // 設置文件大小限制
  // form.maxFilesSize = 1 * 1024 * 1024;
  form.parse(req, function (err, fields, files) {
    try {
      let inputFile = files.file[0];
      let newPath = form.uploadDir + "/" + inputFile.originalFilename;
      // 同步重命名文件名 fs.renameSync(oldPath, newPath)
　　　 //oldPath  不得作更改，使用默認上傳路徑就好
      fs.renameSync(inputFile.path, newPath);
      res.send({ data: "上傳成功！" });
    } catch (err) {
      console.log(err);
      res.send({ err: "上傳失敗！" });
    };
  })
});

 補充：