element-ui配合node实现自定义上传文件方式_vue.js_

var express = require('express'); var multer = require('multer') const upload = multer({ dest: 'uploads/' });   var app = express(); app.use(upload.single('file')); //   app.post('/api/upload', (req, res)=>{   console.log(req.body);//获取到的age和name   console.log(req.file);//获取到的文件     //做些其他事情 })

           添加需要上传的文件     

:auto-upload=“false”

:limit=“1”

:before-upload=“beforeUploadHandle”

:http-request=“handleUploadForm”

:on-exceed=“handleExceed”

this.$refs.upload.submit();

 beforeUploadHandle(file) { if ( file.type !== "image/png" && file.type !== "image/jpeg" ) { this.$message.error("只支持.jpg、.jpeg、.jpe、.png文件！"); return false; } }, 

handleUploadForm(param) { console.log(this.pid) let thisInfo = this let formData = new FormData() // 在formData中加入我们需要的参数 formData.append('file', param.file) formData.append('id', this.pid) // 向后端发送数据 thisInfo.$axios.post('api/user/update_Info/', formData).then((res) => { if (res.status === 200) { thisInfo.$message.success('修改信息成功') } else { thisInfo.$message.success('修改信息失败') } thisInfo.formFileList = [] thisInfo.uploadFormFileList = [] }) }