修改头像的实现：Vue+axios实现上传文件给后端返回保存到七牛云的图像地址

Kugua-F

于 2019-12-18 18:05:23 发布

阅读量980

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： python vue.js

本文链接：https://blog.youkuaiyun.com/qq_43593155/article/details/103601946

本文介绍了使用Vue和axios实现前端头像上传功能，并结合后端将图片保存到七牛云的过程。重点在于axios的FormData设置及'Content-Type'为'multipart/form-data'的配置，确保文件正确上传。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

修改头像的实现：Vue+axios实现上传文件后端并返回后端

1.实现头像的前端上传并在前端展示（界面图）

在这里插入图片描述

2.实现的css和vue的代码，可以忽略外层的样式

<v-avatar size="80" style="margin: 0 auto;text-align: center;">
		<img :src="userInfo.avatar" alt="John" @click.stop="uploadHeadImg">
</v-avatar>
	<form enctype="multipart/form-data

最低0.47元/天解锁文章

修改头像的实现：Vue+axios实现上传文件给后端返回保存到七牛云的图像地址

修改头像的实现：Vue+axios实现上传文件后端并返回后端

1.实现头像的前端上传并在前端展示（界面图）

2.实现的css和vue的代码，可以忽略 外层的样式

2.实现的css和vue的代码，可以忽略外层的样式