前端，H5，展示Heic格式图片

WYWEBGO 2021-04-07 10:27:26

大佬们谁知道怎么在页面展示heic格式的图片？

...全文

1063 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

weixin_44708899 2022-12-14

打赏
举报

回复

解决了吗

nnwx993 2021-08-10

打赏
举报

回复

解决了吗，我也遇到这个问题了

小红帽吖 2022-07-07

举报

回复

@nnwx993 解决了吗

#系统升级 yum update #安装EPEL yum install epel-release #从EPEL软件包厂库下载安装FUSE yum --enablerepo=epel -y install fuse-sshfs # install from EPEL

背景：上传照片，期望支持ios的heic格式图片，服务端只接收jpg格式环境 react、antd-mobile、heic2any、libheif-js 思路使用heic2any讲图片在前端转换成jpg格式，并重新组装file发送给服务端 /** * 图片选中后如果是heic图片此处需要做下转换 */ const onChange: any = (files: Array<any>, operationType: string, index: number) => {.

heic图片不方便在Windows和Android设备上直接查看，所以heic图片使用者大多数都会选择将heic图片转换成其他格式再进行使用。转换图片格式的同时也要注意图片质量在经过转换之后有没有什么变化。使用奥凯丰 HEIC图片转换器，将heic图片转换成其他格式。 https://www.okfone.com/iheic/iheic.html heic转jpg、heic转png、heic转bmp，批量转换图片，可以选择图片大小、图片质量，heic转jpg支持保留EXIF模式转换结果如下.

在 iOS 平台上，用户选择原图上传至阿里云 OSS 后，其他平台（如 Android、H5）无法通过链接访问和显示该图片。主要原因是 iOS 原图文件较大，且可能包含非标准格式的元数据，导致其他平台无法正确解析HEIC格式图片。_IOS通过以上方案，您可以有效解决 iOS 原图上传 OSS 后无法通过链接访问显示的问题。

学习技术一定要制定一个明确的学习路线，这样才能高效的学习，不必要做无效功，既浪费时间又得不到什么效率，大家不妨按照我这份路线来学习。大家不妨直接在牛客和力扣上多刷题，同时，我也拿了一些面试题跟大家分享，也是从一些大佬那里获得的，大家不妨多刷刷题，为金九银十冲一波！《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！得的，大家不妨多刷刷题，为金九银十冲一波！[外链图片转存中…(img-If5lhi5z-1713695392317)]

39,118

社区成员

5,568

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章