微信小程序内七牛云图片显示异常

接口返回的图片有些是存储在七牛云里面的，部分图片有可能是因为图片过大的缘故，导致在云内进行了压缩，导致图片显示异常

这里的异常是指图片被翻转了90°

复现过程

把该链接置入Chrome，下载图片，发给微信好友，微信一般会有两种查看模式，一种是缩略图(省流量)，一种是查看原图，手机上查看该图片的时候缩略图显示的是被翻转之后的图片，查看原图之后才是翻转前的，也就是正常的图片

解决方式

在传输的图片后面主动追加一行代码

 ?imageMogr2/auto-orient

大概就是这个样子
这样写就可以让他展示原来的样子，至于是怎么造成的这个问题，待高人之前，目前只能自我推断，是七牛云那边压缩导致

目前只有在小程序中出现了这个问题，其他的渠道暂未发现

如其他地方也出现了类似的问题，麻烦评论通知一下，谢谢。

微信小程序内七牛云图片显示异常相关推荐

微信小程序使用七牛云对象存储保存图片和文件
先给大家看效果图,如下: 一.开通七牛云对象存储服务(免费的) 官网:https://www.qiniu.com/,实名认证后,创建一个空间,用于保存文件二.获取 AccessKey和SecretK ...
微信小程序开发——base64位图片显示问题
前言: 目前小程序项目需要后端借口提供验证码图片,后端是以base64位返回的,按照H5的做法,前边拼上 data:image/png;base64, 应该就可以了,关键代码如下: H5: <i ...
微信小程序开发关于地图图片显示不出问题
1.开发过程中,莫名markers中的图片无法显示,折腾很久发现图片 iconPath:"../../resource/images/mymarker.png"中不能有空格,之前写 ...
小程序服务器七牛云,基于七牛云 API 开发的微信小程序 SDK
概述 Qiniu-wxapp-SDK 是七牛云在小程序上的实现,网络功能依赖于微信小程序 API.您可以基于 SDK 方便的在小程序中上传文件至七牛云. Qiniu-wxapp-SDK 为客户端 S ...
php轮播怎么调整图片大小,微信小程序内轮播图怎样设置成自适应高度
这次给大家带来微信小程序内轮播图怎样设置成自适应高度,微信小程序内轮播图怎设置成自适应高度的注意事项有哪些,下面就是实战案例,一起来看一下. 我的思路是:获取屏幕宽度,获取图片的宽高,然后等比设置当前 ...
微信小程序内拖动图片实现移动、放大、旋转
最近接到一个任务,在微信小程序内拖动图片组件实现移动.放大.旋转,并记录这些图片的移动位置,放大比例,旋转角度,在一个画布上生成一张图片,最后保存到手机相册. 我的具体实现思路是这样的:(文章底部留有 ...
小程序对七牛云文件上传删除批量删除生成token封装无需服务器一个小程序搞定
微信小程序获取token接入七牛云上传删除批量删除图片封装亲测可用小程序获取七牛云uptoken删除文件封装在研究官方文档后自己用小程序生成uptoken上传凭证封装,其他资料都说要服务器我又没钱 ...
微信小程序拍照视频上传php,微信小程序-拍照或选择图片并上传文件
微信小程序-拍照或选择图片并上传文件调用拍照API:https://mp.weixin.qq.com/debug/wxadoc/dev/api/media-picture.html?t=201612 ...
php 微信创建客服,如何给微信小程序内添加客服按钮
这次给大家带来如何给微信小程序内添加客服按钮,给微信小程序内添加客服按钮的注意事项有哪些,下面就是实战案例,一起来看一下. 1. 普通客服按钮添加客服-联系我们 2. 悬浮客服按钮添加,图片自定义大 ...