I have a Umbraco site with members where a member can set a profile image. But when a member sets a image from an Iphone the image on the desktop and Umbraco are rotated. But when showed on iphone it seems fine.
But when shown from desktop it is rotated 90 degrees to the left.
I have read thats it´s because the image´s EXIF information. But have not found a solution.
Can someone help with a solution?
if I download the package from Nuget manually, and unzip the nupkg file.. it appears to be there in the /lib folder... but I'm not sure why that hasn't installed for you :-(
Does this plugin work with umbraco 8.5? Or will there be an update. I'm having kind of the same problems and the client can't re-save the images before uploading (but is ok doing it in the backoffice)
ImageProcessor has a plugin that can do this OOTB if you add "&autorotate=true" to the querystring.
Too much of a faff to add to all your Image URLs? There's a way to simplify that. ImageProcessor has a validation event that you can hook into and modify the querystring for all requests to the site - effectively applying site wide defaults.
ImageProcessingModule.ValidatingRequest += (s,e) => {
var queryCollection = HttpUtility.ParseQueryString(e.QueryString);
// don't override if already present in QS
if (!queryCollection.AllKeys.Contains("autorotate"))
{
queryCollection.Add("autorotate", "true");
e.QueryString = queryCollection.ToString();
}
};
Rotated images after upload from iphone
Hello, i have a problem.
I have a Umbraco site with members where a member can set a profile image. But when a member sets a image from an Iphone the image on the desktop and Umbraco are rotated. But when showed on iphone it seems fine. But when shown from desktop it is rotated 90 degrees to the left.
I have read thats it´s because the image´s EXIF information. But have not found a solution. Can someone help with a solution?
Hi Christian,
A simple fix could be to install tooorangey.uSpinMeRightRound.
The package let’s you rotate the image from the backoffice.
Hello Søren,
Thanks for reply.
I have tried to install that. But then i get the following error:
Hi Christian
In the configuration for Image Processor /config/imageprocessor/processing.config
there is a preserveExifMetaData option
and a plugin for AutoRotate:
but it depends if it's useful on other images to have the exif data preserved...
... so yes, uSpinMeRightRound allows you to rotate the image from the backoffice...
regards
Marc
Do you have the tooorangey.uSpinMeRightRound dll in your bin folder?
Hmm nope, its not there.
Did you install via Nuget or via backoffice?
The dll is in the git repo:
https://github.com/marcemarc/uSpinMeRightRound/tree/master/release0.1/nuget/lib
I installed via Nuget: install-package tooorangey.uSpinMeRightRound
I downloaded the dll from git. Works now, will test with image rotate now. For now thank you very much! :-)
That's strange!
if I download the package from Nuget manually, and unzip the nupkg file.. it appears to be there in the /lib folder... but I'm not sure why that hasn't installed for you :-(
ahh cool you've got rid of the error!
Does this plugin work with umbraco 8.5? Or will there be an update. I'm having kind of the same problems and the client can't re-save the images before uploading (but is ok doing it in the backoffice)
Hi Jan A
I haven't updated the package for V8 - I was too slow!!
and very shortly after V8's release as part of the 'Content App Competition', a more general Image manipulation plugin was created:
https://our.umbraco.com/packages/backoffice-extensions/image-filter/#package-gallery
and they've included the ability to rotate the image.
So hopefully that will manage your rotatational image needs in the backoffice in V8! (albeit without the spinning crow)...
regards
Marc
It works, after rotate in backend the image shows fine both on mobile and desktop, just a little problem we have to rotate in backend.
Best scenario would be if it could work instead of the need to rotate. But this i can use for now. Thanks to both of you! :-)
Just found an easy way to solve this.
ImageProcessor has a plugin that can do this OOTB if you add
"&autorotate=true"to the querystring.Too much of a faff to add to all your Image URLs? There's a way to simplify that. ImageProcessor has a validation event that you can hook into and modify the querystring for all requests to the site - effectively applying site wide defaults.
Turned it into a package to make it easier:
https://our.umbraco.com/packages/website-utilities/auto-auto-rotate/
is working on a reply...