Question

我允许用户上传PIC为他们的项目。当我对其进行测试时，我桌面上的某些照片看起来正常，但是当我上传时，逆时针旋转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旋转的元数据（请参见this post），但这仅取决于图像查看器是否能够处理相应的内容。大多数现代桌面查看器都应该，但是浏览器可能没有这种功能。

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

一些图像旋转90度逆时针

1 个答案: