JS获取iphone图库中图片的宽高异常

Question

我想要在上传图片前先让用户预览图片，我想要得到图片的宽度和高度进行resize，我的代码如下：

var pic = new Image();

var pw,ph;

pic.onload = function(){

    pw = pic.width;

    ph = pic.height;    

    console.log(pw,ph);

    // other code...                    

}

pic.src = url;

我在桌面端的很多浏览器都测过，都挺正常的。后来开始测移动端，在iphone上时而出问题时而正常。反复测试后发现问题出在使用iphone摄像头拍摄的照片，这些照片尺寸是3264x2448，但是其实照片的尺寸是2448x3264，宽和高正好是相反的，后来我把照片导到电脑里，的确尺寸应该是2448x3264。我不知道这种情况是怎么导致的~~~~~

Answer 1

iPhone拍摄的图片的起始点是屏幕的左下角，所以宽和高是相反的。。

Answer 2

你拍照时，iPhone 会根据重力感应决定你的照片的宽和高，举个例子，你如果横着拍照，得到的照片的宽高比是4:3，如果是竖着拍照的话宽高比就成了3:4了，你可以测试一下看看。