网站建设图片路径错了 怎么改,微网站建设哪家强,免费域名邮箱,企业网站设计欣赏文章目录 前言图片上传接口#xff08;axios通信)图片上传使用upload上传头像效果展示总结 前言
node项目使用 axios 库进行简单文件上传的模块封装。 图片上传接口#xff08;axios通信)
新建upload.js文件#xff0c;定义一个函数#xff0c;该函数接受一个上传路径和一… 文章目录 前言图片上传接口axios通信)图片上传使用upload上传头像效果展示总结 前言
node项目使用 axios 库进行简单文件上传的模块封装。 图片上传接口axios通信)
新建upload.js文件定义一个函数该函数接受一个上传路径和一个表单对象然后将表单数据以 multipart/form-data 的形式上传到指定的路径。
图片上传
在 Vue 中创建一个新的 .vue 文件Upload.vue文件
使用upload
导入
import upload from /util/upload;
import Upload from /components/upload/Upload;el-form-item label头像 propavatarUpload:avataruserForm.avatar uploadChangehandleChange /
/el-form-item//uploadChange事件 显示图片回调
const handleChange file {userForm.avatar URL.createObjectURL(file)userForm.file file
}; 上传头像效果展示 总结
node项目使用 axios 库对上传图片组件的封装图片上传接口、使用Vue和Element Plus的组合来创建一个上传头像的功能利用父子组件通信
