node编写上传文件的接口

node编写上传文件的接口

前期写的接口一直都是往服务器里面传数据，第一次往服务器写图片文件，和普通的node接口还有一定的区别，而且用postman测试与常规接口的方法也不一致，记录一下，便于后续编写接口

node接口

先直接上代码，再解释下代码实现的逻辑

const express = require('express');
const router = express.Router();
// 上传图片接口
const fs = require('fs');
const multer = require('multer')

const storage = multer.diskStorage({
    destination: (req, file, cb) => {
        cb(null, './uploads')
    },
    filename: (req, file, cb) => {
        cb(null, Date.now() + file.originalname)
    }
})

const createFolder = folder => {
    try {
        fs.accessSync(folder)
    } catch (err) {
        fs.mkdirSync(folder)
    }
}

const uploadFolder = './uploads/'
createFolder(uploadFolder)
const upload = multer({
    storage
})

router.post('/upload', upload.single('file'), (req, res) => {
    const file = req.file
    console.log('文件类型: %s', file.mimeType)
    console.log('原始文件名: $s', file.originalname)
    console.log('文件大小: %s', file.size)
    console.log('文件保存路径: %s', file.path)
    res.json({
        res_code: 0,
        name: file.originalname,
        url: file.url
    })
})


module.exports = router

1. const storage 用来设置文件的存放路径，其中destination是文件的目标路径，就是说通过这个接口，上传后会把数据上传到./uploads这个相对路径之下，这里的路径我还有点没搞明白，因为./uploads只有一个点，而我这个接口文件并不在根目录下，我设定的路径是根目录下创建一个upload文件夹，用来存放上传的数据，所以我以为正确的写法应该是…/uploads，结果它在我的根目录外面一层目录下创建了这个upload文件夹，所以我只能理解为这个相对路径相对的是根目录（不知道理解上是否有偏差），下面是我的文件结构：上面的代码写在router文件夹下的路由文件中，最后生成的uploads文件夹却在api根目录下，这里理解还有点不到位

   api:.
   ├─db
   ├─router
   ├─router_handle
   ├─up
   └─uploads

2. const createFolder创建文件夹过程

3. const upload是在创建一个multer对象，并把第一步定义的storage传参进去

4. 后面就是写post请求了，本来我是写的分布式接口处理，即路由处理函数写在router_handle文件夹下的路由处理文件中，但这里post请求时传递了第三步定义的upload对象，有点混乱，就没写分布式路由了，直接写在路由文件中

postman测试接口

文件上传的测试还有点麻烦，流程如下

1. 输入post请求的地址

2. 设置请求头，必须按图中设置

3. 设置请求体 body->form-data，按图中去设置，注意，第0步中的key值必须与接口请求中的router.post('/upload', upload.single('file')括号里的名称保持一致，否则会报错
   

4. 点击send即可发生数据
   .