vue elementui上传视屏到服务器并且播放

前端



模拟上传2



确定上传2

data：
url：‘’
method：

upload(){
const formData = new FormData()
const reader = new FileReader()
const file = this.$refs.upload.uploadFiles[0]constheaderConfig=headers:{}^{\prime }Content-Typ{e}^{\prime }{:}^{\prime }multipart/form-dat{a}^{\prime }if(!file)//若未选择文件alert{(}^{\prime }请选择文{件}^{\prime })returnformData.append{(}^{\prime }fil{e}^{\prime },file.raw)this.$axios.post(’/upload’, formData, headerConfig).then(res => {
// 上传图片
// reader.readAsDataURL(file.raw)
// reader.onload = data => { // 读取完后
// const res = data.target || data.srcElement
// // res.result 为图片的base64格式, 直接放入img标签的src中即可
// this.url= res.path
// console.log(this.url)
// }
// console.log(res.data)
this.url=URL.createObjectURL(file.raw)
this.$refs.video.src=this.url
console.log(this.url)
})
}
后台：

app.post("/upload",upload.single(‘file’), function(req, res) {
// req.file 是 前端表单name==“imageFile” 的文件信息（不是数组）

res.send(req.file);
})