Comments (4)
@ksylvest, do you use any image operations for this preview? I suppose no. This is native image pixels order for this image. To automatically rotate image based on EXIF tags you need to use any of image operations. The simples is -/preview/
. But in your case you need relative small copy so you need something like /scale_crop/WxH/center/
where W and H is preview size.
from uploadcare-widget.
This can't be bug in JS SDK, because JS SDK doesn't display images. Browser display images.
Correct orientation for this image is applied by a browser when you load image from address bar. For historical reasons browsers doesn't fix orientation when you open it inside <img>
tag. You can check this yourself, just put <img src="https://ucarecdn.com/a6f64b08-fe42-4d9b-bf25-a75121632b07/">
anywhere on your page.
Uploadcare CDN automatically rotates images according EXIF tags if you use any image operation. So all you need is use processed image with any operations rather than original image in your preview.
from uploadcare-widget.
Kevin, as I understand, you are using custom JS code to show this preview. You need to change it to show processed image rather than original. If I'm wrong and this is some of our libraries or example from our site, please let me know, and I'll fix it.
from uploadcare-widget.
@homm No, this is correct. It was definitely a bug on our end (didn't realize that the onChange
callback is triggered initially). Thanks for the help!
from uploadcare-widget.
Related Issues (20)
- 3.10.3 package - dependency not found HOT 2
- Mobile Safari Dropbox connection issues HOT 1
- Brave browser supported?
- No button on screen HOT 5
- Remove widget panel HOT 2
- Upload Care in Mobile App
- UI issues with your widget HOT 2
- Image can be cropped as dot with minimal size option
- Dependency Dashboard
- Uploadcare video transcode webhook status HOT 1
- No DOM elements found matching selector in Svelte HOT 2
- Image Widget in Netlify CMS Error
- Upload pdfs or other types than image
- Uploadcare Files as a source HOT 2
- Cropping doesn't work with certain aspect ratios (like those with dots) HOT 2
- Class name uploadcare--file-sources__item has only one underscore in the mobile all sources button HOT 2
- Widget upload bug: jQuery.Deferred exception: e is not a function HOT 1
- "a.default.extend is not a function" when migrating from 3.19 -> 3.20 HOT 1
- .tif file not recognized as an image
- How to disable photo button in Video widget in uploadcare HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from uploadcare-widget.