Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.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_Css_Angularjs_Firebase Storage - Fatal编程技术网

Html 渲染时图像会旋转

Html 渲染时图像会旋转,html,css,angularjs,firebase-storage,Html,Css,Angularjs,Firebase Storage,我对一些图像有问题。我正在创建一个posts web模块,用户可以上传他们的图片。一切正常,问题在于渲染图像时。 图像以正确的方向(纵向)上传,但它是以横向方向渲染的,由于这只发生在一些图像上,我无法使用css旋转来修复这一问题或其他会影响正确渲染的图像的问题 <post ng-repeat="post in $ctrl.posts"> <div class="image__container"> <img ng-src="{{ post.d

我对一些图像有问题。我正在创建一个posts web模块,用户可以上传他们的图片。一切正常,问题在于渲染图像时。 图像以正确的方向(纵向)上传,但它是以横向方向渲染的,由于这只发生在一些图像上,我无法使用css旋转来修复这一问题或其他会影响正确渲染的图像的问题

<post ng-repeat="post in $ctrl.posts">
    <div class="image__container">
        <img ng-src="{{ post.displayImg }}" alt="{{ post.altName }}">
    </div>
</post>

上传过程是通过firebase存储API完成的,遵循的示例代码是,在这方面,一切都正常工作,唯一的问题是渲染某些图像时


有什么想法吗?

添加您的代码,否则无法提供帮助这通常是上传在移动设备上拍摄的图像的结果。相关:谢谢,我用ngf修复方向添加了你的代码来修复这个问题,否则就帮不上忙了。这通常是上传在移动设备上拍摄的图像的结果。相关:谢谢,我用ngf fix-orientation解决了这个问题