//选择图片
chooseImg(type){
uni.chooseImage({
sourceType:[type],
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
success: (res)=>{
for(let i=0;i<res.tempFilePaths.length;i++){
uni.getImageInfo({
src: res.tempFilePaths[i],
success: (image)=>{
console.log(image);
this.msgList.push({
type:'img',
user:'me',
userName:'我',
src:res.tempFilePaths[i],
time:new Date().format("yyyy-MM-dd hh:mm:ss"),
});
}
});
}
this.scroll();
}
});
}
风残落叶
- 发布：2020-06-10 09:47
- 更新：2022-11-14 15:26
- 阅读：2729
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10企业版
HBuilderX类型： 正式
HBuilderX版本号： 2.7.9
手机系统： Android
手机系统版本号： Android 9.0
手机厂商： 小米
手机机型： 小米8青春版
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
图片发出来是整的
图片发出来是整的
实际结果：
图片是反的
图片是反的
bug描述：
图片在手机相册中是正的，而通过uni.chooseImage选择的图片发出来是反的
如图一，在手机相册预览是正的
图二，是在消息列表中，显示的是反的
图三是打开预览的图片，也是反的
H5端的解决方式可以参考这篇文章
https://www.jianshu.com/p/05df047f54af
APP端的解决方式可以参考这个插件的代码
https://ext.dcloud.net.cn/plugin?id=341
旋转的图片怎么产生的。目前没能复现
-
-
小米手机拍摄 3000 4000 像素的图片 在页面使用标签引入时 图片旋转 (横向 4000 3000 图片不会 , 竖向 3000* 4000 显示为横向图)
2021-02-01 10:57
-
-
-
-
-
-
如果是php，可以通过服务器端来处理
//处理图片方向的问题
$imageexif = imagecreatefromstring(file_get_contents($imagepath));
$exif = exif_read_data($imagepath);
if (!empty($exif['Orientation'])) {
switch ($exif['Orientation']) {
case 8:
$imageexif = imagerotate($imageexif, 90, 0);
break;
case 3:
$imageexif = imagerotate($imageexif, 180, 0);
break;
case 6:
$imageexif = imagerotate($imageexif, -90, 0);
break;
}
if($type=='png'){
imagepng($imageexif, $imagepath);
}else{
imagejpeg($imageexif, $imagepath);
}
imagedestroy($imageexif);
}
风残落叶 (作者)
顶
2020-06-10 11:12
风残落叶 (作者)
回复 风残落叶: 顶
2020-06-11 15:36
风残落叶 (作者)
顶
2020-06-11 15:38
2***@qq.com
用uniApp写的，uniApp有这个问题，当图片太大时会自动旋转图片，图片越大旋转角度越大。限制图片大小就行。
2021-12-15 15:15