web项目029-----用户上传头像接口定义

最新推荐文章于 2023-03-27 09:02:47 发布

zaaaacki

最新推荐文章于 2023-03-27 09:02:47 发布

阅读量359

点赞数

分类专栏： web项目文章标签： python flask

本文链接：https://blog.csdn.net/zaaaacki/article/details/110453967

版权

这篇博客详细介绍了如何在Python的Flask框架下定义一个用户上传头像的接口。内容包括理解前端提交的form data，接收并处理上传的图片，将其存储到七牛云，并将file_name保存在数据库中。同时，讨论了应返回file_name与URL组合成的完整avatar_url，确保前端能正确显示图片。

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

用户上传头像接口定义

首先我们可以知道上传图片前端返回的是form data

我们需要接受参数，从前端的js文件中可以看到，我们需要返回avatar_url地址

我们运行代码看一下这个返回的是什么

他是一个类，我们怎么获取里面的数据呢

# 获取图片的二进制数据
    image_data = image_file.read()

在上传到七牛云

@api.route('/users/avatar', methods=["POST"])
@login_required
def set_user_avatar():
    """
    设置用户头像

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zaaaacki

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

上传头像（接口）

weixin_43916826的博客

05-05

978

ok+retorfit public class OkHttp { public Api api; private OkHttp(){ OkHttpClient builder = new OkHttpClient.Builder() .writeTimeout(3000,TimeUnit.SECONDS) ...

用户头像上传到服务器

Peterpan1223的博客

07-21

1682

每个应用都有这样的功能,在我的界面,需要修改用户头像(拍照,选择本地),将图片上传到服务器. 这就涉及到了好几个问题: 1.现在市面上好多手机已经是7.0系统,这里我们就要注意一些兼容处理,6.0动态权限,7.0文件安全 2.图片的上传,这里我使用okhttp 1.最好用的拍照Utils 这里我只粘贴操作的代码,具体的utils类大家可以去copy,后面我会说到这里我还用到了i

参与评论您还未登录，请先登录后发表或查看评论

java头像上传接口

06-16

最近项目需要写web接口对外客户端提供服务，百度了很多发现没有比较实用的，自己摸索了半天终于写出来了，不容易，自己做了一个记录，大神勿喷。我自己理解的接口就是客户端通过访问服务器获取数据。我这里是用http协议实现的接口，实现了很多，如用户查询，插入，头像上传等等，在这就说下头像上传吧。

WebAPI实现移动端上传头像接口

weixin_30800807的博客

11-01

211

测试时可以直接使用PostMan模拟发送请求 /// <summary> /// 手机端上传头像接口 /// </summary> /// <param name="LoginToken"></param> /// <param name="Base6...

SpringBoot怎么上传头像接口？

qq_31821733的博客

07-05

1930

最近项目中员工遇到一个问题，我把思路这里写了一下，方便以后参考：问题描述：我想写一个关于个人头像上传的接口，在springboot里面写，我如何去写，思路是什么？思路：1. 头像上传肯定等价于java的文件上传 2. java文件上传用哪些方法，我怎么写？需要看api ...

SpringBoot-项目1-用户（注册，登录，修改密码，修改个人资料，上传头像）

最新发布

03-10

- **需求**：新增员工功能需要能够保存用户的个人信息，并支持上传员工的头像图片。当前阶段，我们首先关注保存基本信息的需求。 - **接口文档**： - **请求路径**：`/emps` - **请求方式**：`POST` - **请求参数...

VueAvatarCropper一个简单而优雅的头像裁剪和上传插件

08-10

这款插件尤其适用于那些需要用户上传个人头像的Web应用，如社交网络、论坛或者个人资料编辑页面。 Vue.js是Google推出的轻量级、高性能的前端框架，其核心理念是组件化。VueAvatarCropper充分利用了Vue.js的组件...

WebAPI接收图片 + 控制台程序模拟客户端提交图片上传请求

05-24

将图片上传到 Asp.net Web Api 工程中带一个控制台程序可以模拟客户端提交图片上传工程为.NET 4.5，VS2013项目

AspNet头像无刷新上传头像

12-28

AspNet头像无刷新上传头像,具体请看代码

Android 通过httppost上传文本文件到服务器的实例代码

09-01

主要介绍了Android 通过httppost上传文本文件到服务器的实例代码，非常简单易懂，非常实用，需要的朋友可以参考下

上传图片-服务端-Api接口定义

Leon_Jinhai_Sun的博客

04-04

900

API接口模型类系统的文件信息（图片、文档等小文件的信息）在mongodb中存储，下边是文件信息的模型类。 1) 模型如下： package com.learn.framework.domain.filesystem; import lombok.Data; import lombok.ToString; import org.springframework.data.annota...

webapi 使用Ajax上传图片

xbfengyu的专栏

07-01

299

一前端 html部分代码 <form enctype="multipart/form-data"> <div> <input type="file" name="uploadImage" id="uploadImage"> <input type="button" id="btn" value="上传" /> </div> </form> js部

eggjs 怎么实现上传图片（头像）接口功能？

学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等

01-26

2651

在实现上传接口的时候，需要了解一下上传的过程跟需要依赖的库，以及测试上传需要注意的问题。这里顺便说一下，注册的时候去掉默认的图片头像了，还有默认的签名。图片上传到服务器的逻辑首先前端调用上传接口，将上传的资源经过 FormData 实例封装之后，传给服务端在服务端接收前端传进来的图片信息，通过 fs.readFileSync 方法，来读取图片内容，并存放在变量中找个存放图片的公共位置通过 fs.writeFileSync 方法，将图片内容写入公共位置最后返回图片地址依赖的库需要对：fs

安卓客户端通过okhttp 网络请求框架上传到服务器

小雨的博客

10-10

292

安卓端上传图片到java服务器，通过okhttp 网络请求框架获取到选中的头像后，上传到服务器 private void updateUserHeadImageUri(String imageString, String imagePath){ //显示等待UI showLoading(getString(R.string.message_loading_loading)); OkHttpClient okHttpClient = CloudHelper.

hexo stellar主题站点信息设置(title/avatar/url)

subtitle_的博客

03-27

934

hexo stellar主题站点信息设置(title/avatar/url)

facebook 获取用户信息 avatar url nickname等信息

Shanks

11-11

3682

基础url https://graph.facebook.com/{your-user-id}?fields=id,name&access_token={your-user-access-token}