nodejs express 框架上传图片，上传头像问题

最新推荐文章于 2024-08-06 16:07:01 发布

原创

最新推荐文章于 2024-08-06 16:07:01 发布 · 1.2k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#nodejs express 上传图片 #nodejs express 上传头像 #nodejs express

本文介绍了如何在Node.js Express框架下进行图片上传，特别是处理头像上传的问题。首先，需要安装'multer'模块。在App.js中配置全局中间件，然后在users路由中引入相关模块，包括path、fs和multer。前端页面通过表单提交文件，后台接收并处理上传请求。若要将图片存储到数据库，可以参考提供的dbConnect函数来封装数据库连接。

上传图片总结：

必须安装’multer’模块
Npm I multer –S（手动输入小写）

第一步
App.js 里面 挂载index路由之前写入

app.use(express.static(path.join(__dirname, 'public')));
var multer = require('multer'); //删除图片临时放在'/tmp/'
app.use(multer({ dest: '/tmp/'}).array('image')); //必须与表单的name名字相同，表单的上传图片的input的name必须是array后面的内容

第二步：
在users路由下面，引入path 和 fs 上传图片模块 multer

var fs = require('fs');
var path = require('path');
var multer = require('multer');//安装上传图片模块

//用户头像上传渲染页面

router.get('/article', function (req, res) {
  res.render('article', {
    title: "上传头像",
  })
})

//上传头像接口

router.post('/file_upload', function (req, res) {
  console.log(req.files) //上传的路径../public/images/ue/
  var des_file = path.join(__dirname, "../public/images/ue/" + req.files[0].originalname);
  console.log(des_file);
  fs.readFile(req.files[