Orientation error after taking photo using ImagePicker on iPhone devices

[caigehui]

Environment(required) | 环境（必填）

• antd-mobile version（antd-mobile版本）: 1.0.3
• Browser (or mark react-native) and its version（浏览器或react-native版本）: UC and safari
• Operating environment (e.g. OS name) and its version（操作系统版本或设备型号）: iOS 10.2

What did you do? Please provide steps to re-produce your problem.（请提供复现步骤）

Using ImagePicker just like the "Simple Image Picker" example on official website

<ImagePicker
          files={files}
          onChange={this.onChange}
          onImageClick={(index, fs) => console.log(index, fs)}
          selectable={files.length < 5}
        />

It works fine on any other devices, but an image orientation error occurred after taking photo on iPhone

What do you expected?（预期的正常效果）

taking photo with the right orientation

What happen?（发生了何种非正常现象）

Shooting a pen as following

Then the photo turn left for 90 degrees

[paranoidjk]

iphone6s plus, safari, ios 10.2, all works fine, i can't reproduce you poblem, please provide a demo

http://codepen.io/paranoidjk/pen/LWpaKe

[caigehui]

@paranoidjk
I still got the same problem when running the official demo on iPhone 6p/5s in any browser

Reproduce:

1.Access https://mobile.ant.design/kitchen-sink/components/image-picker using iPhone
2.Took a photo in vertical direction

3.Then the pen became horizontal in thumb preview as following，rotating by 90 degrees, compared to the picture above

[caigehui]

@paranoidjk
Thanks for fixing the orientation problem, but the delete button is placed in the wrong position.
Take a look at the picture

[paranoidjk]

woops.... stupid mistake 😓 i will fix this in 1.0.6

[paranoidjk]

@caigehui sorry for this bug. It had been fixed, please wait for 1.0.6 this friday. If you are in emergency, maybe you can temporarily overrider css to fix this problem.