任务是根据其EXIF-data 正确显示图像(水平或垂直)。
现在服务器返回url格式的图像JPEG,但是当这个图像url用作src图像(标签img)时,网站上此类图像的方向将始终是水平的,即使照片是从手机垂直拍摄的。如果您转到图像的 url,那么在浏览器中它将以正确的方向显示。我怀疑标签img不知道如何识别图像的方向。有一个css-property image-orientation,但是只支持,还firefox需要支持chromeIE
我计划在服务器上下载一张图片并从那里获取元数据EXIF以确定方向。但这可能是服务器上的额外负载。谁遇到过这样的问题?问题是如何解决的?有哪些想法?
如果方向是在服务器端确定的,很高兴看到一个实现
我怀疑TAGS基本上什么都不知道。识别浏览器,但具体取决于您的内容。当纯粹作为图片查看时,它会对方向做出反应,当用作 HTML 页面的一部分时,它只查看尺寸。
为您需要的浏览器查找/编写 polyfill。
通常图片在上传到服务器后立即由特殊库旋转,并且已经旋转存储在那里。然后生成小预览。
这是客户端抽搐方向的解决方案:https ://stackoverflow.com/questions/7584794/accessing-jpeg-exif-rotation-data-in-javascript-on-the-client-side