使用javascript调整大小时图像方向丢失

使用javascript调整大小时图像方向丢失,javascript,image,orientation,Javascript,Image,Orientation,我需要以尽可能大的尺寸显示图像,因此我使用javascript创建一个最大尺寸的正方形div,以适合浏览器窗口 我加载图像,然后将宽度和高度属性更改为使图像适合的值 这适用于99%的图像,但我有一些图像是以横向格式显示的,而它们实际上是纵向的。我知道它们应该是纵向的,因为它们在Windows资源管理器、Photoshop等中显示正确,甚至当我右键单击浏览器中显示的图像并选择“在新窗口中显示图像”时 我甚至用PhotoShop旋转了图像,它仍然显示在风景中 这让我觉得元数据没有得到尊重 在ASPX

我需要以尽可能大的尺寸显示图像,因此我使用javascript创建一个最大尺寸的正方形div,以适合浏览器窗口

我加载图像,然后将宽度和高度属性更改为使图像适合的值

这适用于99%的图像,但我有一些图像是以横向格式显示的,而它们实际上是纵向的。我知道它们应该是纵向的,因为它们在Windows资源管理器、Photoshop等中显示正确,甚至当我右键单击浏览器中显示的图像并选择“在新窗口中显示图像”时

我甚至用PhotoShop旋转了图像,它仍然显示在风景中

这让我觉得元数据没有得到尊重

在ASPX页面加载中。。。imgImage.ImageUrl=“~/”&tPath

在HTML中

function resizeImg() {
        var windowWidth = window.innerWidth || document.documentElement.clientWidth;
        var windowHeight = window.innerHeight || document.documentElement.clientHeight;
        var imgMax = windowHeight - 54;
        var div = document.getElementById('divImage');
        div.style.width = imgMax  + 'px';
        div.style.height = imgMax + 'px';
        var divW = div.offsetWidth;
        var divH = div.offsetHeight;
        var winR = divW/divH
        var newImgH = imgH;
        var newImgW = imgW;
        if(newImgW > divW) {
            newImgW=divW
            newImgH = Math.floor(Math.round(divW / imgR));
        }   
        if(newImgH > divH) {
            newImgH=divH
            newImgW =Math.floor(Math.round(divH * imgR));
        }   
        img.setAttribute('width',newImgW);
        img.setAttribute('height',newImgH);
        img.setAttribute('hspace',(divW - newImgW)/2);
        img.setAttribute('vspace', (divH - newImgH) / 2);
}

但我有一些是以横向格式显示的,当它们实际以纵向显示时,通常使用Exif数据中的“方向”标志来完成,但我认为jpeg可能在jpeg元数据中有另一个标志。