如何实现图片加载占位图宽高自适应原图 (不知原图尺寸) ?

发布于 2022-09-12 04:09:30 字数 154 浏览 16 评论 0

图片加载中,有没有办法实现占位图和原图宽高一样?

虽然我觉得不可能实现,但还是在万能的思否问一下,能否在浏览器和安卓原生代码中实现?

或者有没有其他思路做到在不知道原图尺寸的情况下,占位图加载完不让原布局变形?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

甜警司 2022-09-19 04:09:30

正常来说,你们的 UI 是清楚每个地方图片显示的最佳尺寸,然后程序在上传时,会根据这个尺寸进行一些约束,比如不能小于这个尺寸.然后前台显示的时候,要么样式约束,要么请求图片时指定图片尺寸和处理方案来要求生成指定尺寸的图片.

我们项目的上传图片生成的图片地址里面包含了图片本身的尺寸,然后图片丢在了腾讯云的 cos 里(七牛,阿里云,ucloud 都有对象存储功能),等一个接口请求后台服务时,后台服务从数据库中查询出图片链接后,我们就知道了原图尺寸,接口本身有定义好目标尺寸,质量,格式,我们就根据原图尺寸和目标的规格,拼接出 腾讯云万象优图 的实时图片处理指令链接参数(这个功能,七牛,阿里云,ucloud 也都提供,只是可能参数不大一致而已),最后拼接出目标图片的链接,再和数据一起打包返回给前端,前端只管加载这个图片,这个图片的尺寸就是固定的.(我们上传时是约束了最小尺寸,不会出现原图小于目标尺寸的情况)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文