后端API自动处理用户头像案例

Simon.hu

本帖最后由 phoben 于 2021-3-6 21:44 编辑

这里不得不说，活字格我有个很大的吐槽点，就是图片插件不支持裁剪和调整
另外图片只能塞满，不能圆形，圆角矩形，更不能内边距。这导致用起来特别难看

为了处理这个问题，我不得不研究半天，写了一个简单的图片处理接口
这样一来，就简洁的解决的图片排版难看的问题。

先看看正常的图片塞进表格多难看

image.png209794615.png

上面几个挺好，中间两个因为是原始的方形，就特别违和，如果全部是这样，就更难看
接下来演示下系统是怎么处理照片的。
头像处理示范.gif

处理之后，图片变成圆形，而且四周留空，保证了无论放在哪儿都不会跟其他元素“挤”着.
保留透明度就用到了png格式，就可以实现接下来的排版效果了。
image.png555817260.png

我说一下实现思路：

1、前端上传图片，并将用户名发给后端；
2、后端收到请求，在数据库拿到图片的文件名；
3、后端读取图片，并处理成新的图片保存，将新文件更新到数据库；
3、前端刷新即可看到效果。

————————————————————————————————————
兼职活字格开发，欢迎各位大佬联系！ VX:13972707111

liuxiaoqu · liuxiaoqu

支持，我投票

你知道的我 · 你知道的我

每天都投啊

phoben · phoben

lh123 发表于 2020-8-4 15:47
你还想怎么样。一个微信只能投一次啊。刚开始的就投你了。

每天一次~

sj130w · sj130w

支持投票

lhlxl · lhlxl

支持一下

Simon.hu · Simon.hu

cscs · cscs

这个投过票的也没有见贴出源码啊？

Simon.hu · Simon.hu

cscs 发表于 2020-12-3 21:32
这个投过票的也没有见贴出源码啊？

有的啊，你仔细找找
找不到的话，论坛求助中心发帖，我们帮你找

		自动登录	找回密码
密码			立即注册

[资源分享] 后端API自动处理用户头像案例

评分

10 个回复

点评

点评

时代开发者征文活动

微信认证勋章

悬赏达人

讲师达人

活字格认证

活字格高级认证

圣诞拼拼乐

元老葡萄