vue获取上传文件路径_vue中文件上传及接收

准备:

前端:vue环境+axios+elemen-ui

后端:node.js multer

前端代码:

// 引入axios

import axios from 'axios';

// 获取用户信息

getUserInfo() {

// 发送请求 获取用户信息

getInfo()

.then(res => {

// 接收数据

let { data } = res;

this.userInfo = data[0] // 渲染

})

.catch(err => {

console.log(err)

})

},

// 头像上传成功

handleAvatarSuccess(res, file) {

this.imageUrl = URL.createObjectURL(file.raw);

},

// 头上上传之前限制

beforeAvatarUpload(file) {

const isJPG = file.type === 'image/jpeg';

const isLt2M = file.size / 1024 / 1024 < 2;

if (!isJPG) {

this.$message.error('上传头像图片只能是 JPG 格式!');

}

if (!isLt2M) {

t

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！