base64中的图像会忽略EXIF方向

时间:2018-12-06 11:28:53

标签: html

上传的图像具有EXIF方向:旋转270 CW,如果我使用<img src="path.jpg"/>,则浏览器会正确显示该图像。但是,如果我使用<img src="data:image/jpeg;base64,..."/>,它显示为旋转状态,该如何解决?

没有JS解决方案,需要使用html进行修复,因为该模板用于电子邮件模板

更改为嵌入式图像目前也是有问题的,如果我可以将其保留为base64图像并解决方向问题,那将是完美的

1 个答案:

答案 0 :(得分:0)

也许是这样的:

<img src="data:image/jpeg;base64,..." style="transform: rotate(270deg);" />

并通过EXIF方向作为旋转值。

文档:https://www.w3schools.com/cssref/css3_pr_transform.asp