Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/azure/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 照片以横向显示在网页上,垂直显示在其他位置。为什么?_Html_Azure_Orientation_Jpeg_Azure Storage Blobs - Fatal编程技术网

Html 照片以横向显示在网页上,垂直显示在其他位置。为什么?

Html 照片以横向显示在网页上,垂直显示在其他位置。为什么?,html,azure,orientation,jpeg,azure-storage-blobs,Html,Azure,Orientation,Jpeg,Azure Storage Blobs,我有一些照片是由一位用户上传的,他抱怨在调整垂直照片的大小时,垂直照片被更改为横向。事实上,情况就是这样,为了让事情顺利进行,我调整了照片的方向,并将其上传到位。但是,当图片在网页内查看时,这没有任何效果 为了使测试尽可能简单,我创建了一个没有CSS的基本web页面和一个除了src之外没有其他属性的IMG元素。这将继续以横向模式显示照片。复制照片的URL并粘贴到另一个选项卡中,照片将以垂直模式显示。下载文件并在Windows中打开,它以垂直模式显示 这些文件存储在Azure BLOB存储上 我

我有一些照片是由一位用户上传的,他抱怨在调整垂直照片的大小时,垂直照片被更改为横向。事实上,情况就是这样,为了让事情顺利进行,我调整了照片的方向,并将其上传到位。但是,当图片在网页内查看时,这没有任何效果

为了使测试尽可能简单,我创建了一个没有CSS的基本web页面和一个除了src之外没有其他属性的IMG元素。这将继续以横向模式显示照片。复制照片的URL并粘贴到另一个选项卡中,照片将以垂直模式显示。下载文件并在Windows中打开,它以垂直模式显示

这些文件存储在Azure BLOB存储上

我用Chrome版本56、Edge版本38和Internet Explorer 11复制了这一点

是什么原因导致了这种情况?

您的图像中嵌入了可能在呈现页面时被忽略的内容。有关更多详细信息,请参阅

基本上,您拍摄图像的相机将其存储在横向中,但存储了一些元数据,表示图像需要旋转270°。在网页中呈现此标记时,浏览器显然会忽略此标记,但在您直接访问图像时则不会

您的图像已嵌入,可能在呈现页面时会被忽略。有关更多详细信息,请参阅


基本上,您拍摄图像的相机将其存储在横向中,但存储了一些元数据,表示图像需要旋转270°。在网页中呈现此标记时,浏览器显然会忽略此标记,但在您直接访问图像时则不会

您的照片是如何上载的?这些照片是使用ASP.Net文件上载控件上载到网站的。Net的位图和图形类用于调整大小。生成的照片然后使用Microsoft的StorageClient库传输到Azure。您的照片是如何上载的?这些照片是使用ASP.Net文件上载控件上载到网站的。Net的位图和图形类用于调整大小。生成的照片然后使用Microsoft的StorageClient库传输到Azure。值得一提的是,您可以在[此]()等网站上查看这些数据。EXIF方向设置解释了为什么在Windows中看起来很好,但当包含在网页中时却永远不会正确。我已经清除了EXIF数据,重新定向到垂直方向,一切看起来都很好。现在我想制定一个计划,将来自动提取这些设置,并重新定向照片,这样以后就不会发生这种情况。谢谢值得一提的是,你可以在[这个]之类的网站上看到这些数据。EXIF方向设置解释了为什么在Windows中看起来很好,但当包含在网页中时却永远不会正确。我已经清除了EXIF数据,重新定向到垂直方向,一切看起来都很好。现在我想制定一个计划,将来自动提取这些设置,并重新定向照片,这样以后就不会发生这种情况。谢谢