node express 使用multer实现图片上传接口（上传到服务器和上传到阿里云对象存储oss）

最新推荐文章于 2023-06-20 15:47:54 发布

ang.guo

最新推荐文章于 2023-06-20 15:47:54 发布

阅读量1.3k

点赞数 1

分类专栏： Javascript基础入门文章标签： node.js

本文链接：https://blog.youkuaiyun.com/qq_41154298/article/details/106874658

版权

Javascript基础入门专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍如何使用multer中间件在本地服务器及阿里云OSS上实现图片上传接口，包括配置、路由设置及返回文件地址。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在上传图片时主要是客户端将图片的二进制文件通过文件上传接口上传到服务器，服务器存储文件并返回文件地址，这里我们们主要是实现图片上传接口

实现

图片上传主要分为

上传到服务器
上传到阿里云对象存储oss
上传到服务器
路由

//上传中间件
const multer = require('multer')//上传npm i multer
const uplod = multer({ dest: __dirname + '/../../uplodes' })
router.post('/uplod', uplod.single('file'), function (req, res) => {
    const file = req.file
  file.url = `http://localhost:3000/uplodes/${file.filename}`
    console.log(file)
    res.send(file)
})

index.js加入


//静态文件文件
app.use('/uplodes',express.static(__dirname+'/uplodes'))//图片目录

上传到阿里云对象存储oss

const multer = require('multer')//上传npm i multer
const MAO = require('multer-aliyun-oss');//npm install --save multer-aliyun-oss
const uplod = multer({
  storage: MAO({
       config: {//填写自己阿里云oss的详细内容
           region: 'oss-cn-hangzhou',//地址
           accessKeyId: 'ooooooooo',//accessKeyId
           accessKeySecret: 'oooooooooo',//accessKeySecret
           bucket: 'guoang'//用户名
       }
   })
router.post('/uplod', uplod.single('file'), function (req, res) => {
    const file = req.file
    file.url = `http://oss.guoang.xyz/${file.filename}`
    console.log(file)
    res.send(file)
})