I need to upload the picture as portrait.
In Picture Type attribute, When I uploading portrait image, the image gets rotated and saved as landscape.
Does any one have solution to this issue?
Thanks
Image Upload in Portrait
-
- Posts: 7532
- Joined: Sun Apr 24, 2005 12:36 am
- Contact:
Re: Image Upload in Portrait
This is a browser issue for some types of images (jpeg, I think). Please Google for a solution - it's not an Aware IM problem.
Aware IM Support Team
-
- Posts: 130
- Joined: Tue Dec 03, 2013 10:19 pm
Re: Image Upload in Portrait
When a portrait photo is taken using a mobile device, the EXIF data of the image shows orientation:90 whereas for a landscape photo the orientation is 0 , which means a portrait photo is landscape with 90 degree rotation information embedded in it.
As a result, while uploading image in awareim, I believe aware js/kendo js doesn’t interpret this EXIF data of image.
Is there any way or a command in script that can read the EXIF data of image so that we can disable/remove orientation of portrait image ?
As a result, while uploading image in awareim, I believe aware js/kendo js doesn’t interpret this EXIF data of image.
Is there any way or a command in script that can read the EXIF data of image so that we can disable/remove orientation of portrait image ?
-
- Posts: 7532
- Joined: Sun Apr 24, 2005 12:36 am
- Contact:
Re: Image Upload in Portrait
No, this is not a Kendo UI issue - it has nothing to do with Kendo UI. Images are shown as HTML by the browser. You can see that in the browser HTML/CSS inspector, which will show how the BROWSER interprets the original image - it interprets it wrong.
Aware IM Support Team
Re: Image Upload in Portrait
Hey Bondicoffee - did you find a solution for this? we're getting a bunch of tickets for the same issue, thanks.
Rod. Aware 8.6 (latest build), Developer Edition, on OS Linux (Ubuntu) using GUI hosted on AWS EC2, MYSQL on AWS RDS
Re: Image Upload in Portrait
support is correct its not Aware issue or kendo.
its a browser issue and i think on IOS only
its a browser issue and i think on IOS only
Re: Image Upload in Portrait
We have user tickets, with screen shots of an Image sitting in Windows Explorer with correct orientation, then they upload to Aware system and it is sideways. Does anyone know of a solution/workaround?
Rod. Aware 8.6 (latest build), Developer Edition, on OS Linux (Ubuntu) using GUI hosted on AWS EC2, MYSQL on AWS RDS
Re: Image Upload in Portrait
BUMP
now an issue for me too
Pics this morning were taken Portait on a cell phone.
Uploaded using Multi Upload and stored in database table Photos.
A function was calculating and storing Height & Width in the Photos table.
Data shows 4000 WIDE, and 3000 high ---- which means its been rotated, because Portrait should be 4000 HIGH, not wide.
I took a pic on iPad, uploaded it, I can see IN THE LOG the Height/Width get calculated and the image is already rotated.
It gets stored in BOTH the database AND the filesystem "incorrectly".
now an issue for me too
Pics this morning were taken Portait on a cell phone.
Uploaded using Multi Upload and stored in database table Photos.
A function was calculating and storing Height & Width in the Photos table.
Data shows 4000 WIDE, and 3000 high ---- which means its been rotated, because Portrait should be 4000 HIGH, not wide.
I took a pic on iPad, uploaded it, I can see IN THE LOG the Height/Width get calculated and the image is already rotated.
It gets stored in BOTH the database AND the filesystem "incorrectly".
Last edited by Jaymer on Tue Sep 24, 2019 12:14 am, edited 1 time in total.
Click Here to see a collection of my tips & hacks on this forum. Or search for "JaymerTip" in the search bar at the top.
Jaymer
Aware Programming & Consulting - Tampa FL
Jaymer
Aware Programming & Consulting - Tampa FL
Re: Image Upload in Portrait
Hey
Not sure if this will help but it depends on the orientation of the phone. I struggled with this as well so I did the following.
You can use a tool called ImageMagick to rotate the image any way you want. I just added a button for the user that says "Rotate" and they can hit the button until they are satisfied. (turns it 90' right every time) . This is not an AwareIM problem but at least this solved my issue. You can probably run a check to calculate the WxH and then automatically rotate it....
See my process code below for reference. Hope it helps
EXPORT DOCUMENT BO.Photo TO FILE 'c:\Conversions\photo.jpg'
EXECUTE PROGRAM 'c:\Conversions\IM\magick.exe c:\Conversions\photo.jpg -rotate 90 c:\Conversions\photo1.jpg'
IMPORT DOCUMENT BO.Photo FROM 'c:\Conversions\photo1.jpg'
DELETE FILE 'c:\Conversions\photo1.jpg'
DELETE FILE 'c:\Conversions\photo.jpg'
Not sure if this will help but it depends on the orientation of the phone. I struggled with this as well so I did the following.
You can use a tool called ImageMagick to rotate the image any way you want. I just added a button for the user that says "Rotate" and they can hit the button until they are satisfied. (turns it 90' right every time) . This is not an AwareIM problem but at least this solved my issue. You can probably run a check to calculate the WxH and then automatically rotate it....
See my process code below for reference. Hope it helps
EXPORT DOCUMENT BO.Photo TO FILE 'c:\Conversions\photo.jpg'
EXECUTE PROGRAM 'c:\Conversions\IM\magick.exe c:\Conversions\photo.jpg -rotate 90 c:\Conversions\photo1.jpg'
IMPORT DOCUMENT BO.Photo FROM 'c:\Conversions\photo1.jpg'
DELETE FILE 'c:\Conversions\photo1.jpg'
DELETE FILE 'c:\Conversions\photo.jpg'
Rotated using ImageMagick
Was able to rotate it "in place" with no issue.
And because I'm storing in the file system, I don't need to re-IMPORT.
Only issue is that the Browser has cached the un-rotated image, and because the filename hasn't changed, it doesn't show the updated image.
And because I'm storing in the file system, I don't need to re-IMPORT.
Only issue is that the Browser has cached the un-rotated image, and because the filename hasn't changed, it doesn't show the updated image.
Click Here to see a collection of my tips & hacks on this forum. Or search for "JaymerTip" in the search bar at the top.
Jaymer
Aware Programming & Consulting - Tampa FL
Jaymer
Aware Programming & Consulting - Tampa FL