头像上传nodeJs(express) + vue

@[TOC](nodeJs(express) + vue)

1.node 安装插件

cnpm i multer -S

2.写一个上传问文件的input框

  <div class="uploadimg">
    <input class="fileInput" type="file" ref="file" @change="changeFile" />
    <img class="avatar" :src="pic" alt @click="changeAvatar" />
  </div>

3.改变点击事件

 changeAvatar() {
   
      //通过点击图片来触发input框的click事件
      this.$refs.file.click();
    },

4.node选择硬盘存储和设置文件名

var storage = multer.diskStorage({
   
    destination: function (req, file, cb) {
    //上传目录
        cb(null, './public/upload') //注意在public创建upload文件夹
    },
    filename: function (req, file, cb) {
    //上传图片的文件名
        //加上时间戳 防止上传同一张图片重名
        var timer = Date.