某些图像逆时针旋转 90 度

Question

我允许用户上传他们项目的图片。 当我测试它时，我在桌面上的一些照片看起来很正常，但是当我上传时，逆时针旋转 90 度。 我相信这与我握住iPhone的方式有关。 有没有一种简单的方法可以解决这个问题。 我有以下javascript函数来构建我的卡片。 我可以上传每张卡的图像。 如何设置旋转，使其不会逆时针旋转>

        $(document)
        .ready(function() {
            $.each(itemNumbers, 
                function(i, value) {
                    $('.main_card_shell').append(
                    "<div class='card_content card_style' id='card0'>" +
                           "<div class='subcard_style box_title'>" + 
                               '<img class="card_image" src="' + imgpath[i] + '" alt="Item #1" />' +     
                               '<div class="profile">' +

是否可以在<img class="card_image" src="' + imgpath[i] + '" alt="Item #1" />下添加一条线来处理轮换？

Answer 1

JPEG 图像包含指定 JPEG 旋转的元数据（请参阅这篇文章），但这完全取决于图像查看器是否能够根据该旋转进行处理。 大多数现代桌面查看器应该，但浏览器可能没有这样的容量。

您可以解决这个问题的一种方法是拥有一个后端来提取数据，甚至为您旋转图像。