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

最新推荐文章于 2023-06-28 16:44:21 发布

Kugua-F

最新推荐文章于 2023-06-28 16:44:21 发布

阅读量909

点赞数

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

本文链接：https://blog.csdn.net/qq_43593155/article/details/103601946

版权

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

摘要由CSDN通过智能技术生成

修改头像的实现：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元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Kugua-F

关注关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
修改头像的实现：Vue+axios实现上传文件给后端返回保存到七牛云的图像地址

修改头像的实现：Vue+axios实现上传文件后端并返回后端1.实现头像的前端上传并在前端展示（界面图）2.实现的css和vue的代码，可以忽略外层的样式<v-avatar size="80" style="margin: 0 auto;text-align: center;"> <img :src="userInfo.avatar" alt="John" @cli...
复制链接

扫一扫