微信小程序上传照片到服务器

---

前言

本文主要讲述用电脑搭建一个node.js服务器，微信小程序上传照片到nodej.s服务器。

---

一、服务器端代码

const express = require('express')
const multer = require('multer')
const path = require('path')

const app = express()

const storage = multer.diskStorage({
    destination: function (req, file, cb) {
        //保存路径
        cb(null, './uploads/img')
    },
    filename: function (req, file, cb) {
        //获取文件后缀
        var extname = path.extname(file.originalname)
        //文件名
        cb(null, file.fieldname + '-' + Date.now() + extname)
    }
})
const upload = multer({ storage: storage })

app.post('/uploads/img', upload.single('img'), (req, res) => {
    console.log(req.file);
    console.log(req.body)
    res.send('hello world')
})

app.listen(8000, () => {
    console.log('Server Running');
})

二、小程序端代码

wx.chooseImage({
  count: 1, 
  sizeType: ['original', 'compressed'], 
  sourceType: ['album'], 
  success: function(res) {
    wx.uploadFile({
      url: 'http://localhost:8000/uploads/img', 
      filePath: res.tempFilePaths[0],
      name: 'img',
      formData:{
        'type': '照片'
      },
      success: function(res){
        console.log(res)
      }
    })
  }
})

---

总结

使用multer搭建服务器详细教程请查看这篇文章，想把项目放在云服务器上运行请查看这篇文章。