blocks|key|35615|text|你能上传你正在使用的图片吗？因为正如该thread所说，从web加载的图像的exif方向被忽略(仅内容提供商和本地文件)。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|35616|我也尝试在毕加索2.5.2中显示这个image，图像的实际方向是面向右侧的(图像中的底部代码是面向右侧的)。exif方向是顺时针方向的90度。尝试在chrome中打开它(chrome支持exif旋转)，图像将朝下(图像中的底部代码朝下)。|35617|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/square/picasso/issues/846|1|http://files.parsetfss.com/da393543-4c5b-4303-9227-491994a9f182/tfss-55ea9699-dd4d-451c-8421-1a41af5a4a20-photo_20150428_161247_XtgKPdVVkz.jpg^0|J|6|0|0|I|5|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

Can you post the image you're using?
because as this <a href="https://github.com/square/picasso/issues/846" rel="nofollow">thread</a> said, exif orientation for images loaded from web is ignored(only content provider and local files).

I also try to display this <a href="http://files.parsetfss.com/da393543-4c5b-4303-9227-491994a9f182/tfss-55ea9699-dd4d-451c-8421-1a41af5a4a20-photo_20150428_161247_XtgKPdVVkz.jpg" rel="nofollow">image</a> in picasso 2.5.2, the real orientation of the image is facing rightside(the bottom code in image is facing right). The exif orientation, is 90deg clockwise. Try open it in chrome(chrome is honoring exif rotation), the image will be faced down(bottom code in image is facing down).

blocks|key|35652|text|正如我们所知，毕加索从本地存储支持EXIF，这是通过Android内部实用程序完成的。由于能够使用自定义的Http加载库，提供相同的功能并非易事。我的解决方案很简单:在缓存项目之前，我们必须覆盖缓存并应用Exif旋转。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|35653|++++OkHttpClient+client+=+new+OkHttpClient.Builder()
++++++++.addNetworkInterceptor(chain+->+{
++++++++++++Response+originalResponse+=+chain.proceed(chain.request());
++++++++++++byte[]+body+=+originalResponse.body().bytes();
++++++++++++ResponseBody+newBody+=+ResponseBody
++++++++++++++++.create(originalResponse.body().contentType(),+ImageUtils.processImage(body));
++++++++++++return+originalResponse.newBuilder().body(newBody).build();
++++++++})
++++++++.cache(cache)
++++++++.build();|code-block|syntax|javascript|35654|在这里，我们添加了可以在缓存之前转换请求和响应的NetworkInterceptor。|35655|public+class+ImageUtils+{

++++public+static+byte[]+processImage(byte[]+originalImg)+{
++++++++int+orientation+=+Exif.getOrientation(originalImg);
++++++++if+(orientation+!=+0)+{
++++++++++++Bitmap+bmp+=+BitmapFactory.decodeByteArray(originalImg,+0,+originalImg.length);
++++++++++++ByteArrayOutputStream+stream+=+new+ByteArrayOutputStream();
++++++++++++rotateImage(orientation,+bmp).compress(Bitmap.CompressFormat.PNG,+100,+stream);

++++++++++++return+stream.toByteArray();
++++++++}
++++++++return+originalImg;
++++}

++++private+static+Bitmap+rotateImage(int+angle,+Bitmap+bitmapSrc)+{
++++++++Matrix+matrix+=+new+Matrix();
++++++++matrix.postRotate(angle);
++++++++return+Bitmap.createBitmap(bitmapSrc,+0,+0,
++++++++++++++++bitmapSrc.getWidth(),+bitmapSrc.getHeight(),+matrix,+true);
++++}
}|35656|Exif转换：|35657|public+class+Exif+{
++++private+static+final+String+TAG+=+"Exif";

++++//+Returns+the+degrees+in+clockwise.+Values+are+0,+90,+180,+or+270.
++++public+static+int+getOrientation(byte[]+jpeg)+{
++++++++if+(jpeg+==+null)+{
++++++++++++return+0;
++++++++}

++++++++int+offset+=+0;
++++++++int+length+=+0;

++++++++//+ISO/IEC+10918-1:1993(E)
++++++++while+(offset+%2B+3+<+jpeg.length+&&+(jpeg[offset%2B%2B]+&+0xFF)+==+0xFF)+{
++++++++++++int+marker+=+jpeg[offset]+&+0xFF;

++++++++++++//+Check+if+the+marker+is+a+padding.
++++++++++++if+(marker+==+0xFF)+{
++++++++++++++++continue;
++++++++++++}
++++++++++++offset%2B%2B;

++++++++++++//+Check+if+the+marker+is+SOI+or+TEM.
++++++++++++if+(marker+==+0xD8+%7C%7C+marker+==+0x01)+{
++++++++++++++++continue;
++++++++++++}
++++++++++++//+Check+if+the+marker+is+EOI+or+SOS.
++++++++++++if+(marker+==+0xD9+%7C%7C+marker+==+0xDA)+{
++++++++++++++++break;
++++++++++++}

++++++++++++//+Get+the+length+and+check+if+it+is+reasonable.
++++++++++++length+=+pack(jpeg,+offset,+2,+false);
++++++++++++if+(length+<+2+%7C%7C+offset+%2B+length+>+jpeg.length)+{
++++++++++++++++Log.e(TAG,+"Invalid+length");
++++++++++++++++return+0;
++++++++++++}

++++++++++++//+Break+if+the+marker+is+EXIF+in+APP1.
++++++++++++if+(marker+==+0xE1+&&+length+>=+8+&&
++++++++++++++++++++pack(jpeg,+offset+%2B+2,+4,+false)+==+0x45786966+&&
++++++++++++++++++++pack(jpeg,+offset+%2B+6,+2,+false)+==+0)+{
++++++++++++++++offset+%2B=+8;
++++++++++++++++length+-=+8;
++++++++++++++++break;
++++++++++++}

++++++++++++//+Skip+other+markers.
++++++++++++offset+%2B=+length;
++++++++++++length+=+0;
++++++++}

++++++++//+JEITA+CP-3451+Exif+Version+2.2
++++++++if+(length+>+8)+{
++++++++++++//+Identify+the+byte+order.
++++++++++++int+tag+=+pack(jpeg,+offset,+4,+false);
++++++++++++if+(tag+!=+0x49492A00+&&+tag+!=+0x4D4D002A)+{
++++++++++++++++Log.e(TAG,+"Invalid+byte+order");
++++++++++++++++return+0;
++++++++++++}
++++++++++++boolean+littleEndian+=+(tag+==+0x49492A00);

++++++++++++//+Get+the+offset+and+check+if+it+is+reasonable.
++++++++++++int+count+=+pack(jpeg,+offset+%2B+4,+4,+littleEndian)+%2B+2;
++++++++++++if+(count+<+10+%7C%7C+count+>+length)+{
++++++++++++++++Log.e(TAG,+"Invalid+offset");
++++++++++++++++return+0;
++++++++++++}
++++++++++++offset+%2B=+count;
++++++++++++length+-=+count;

++++++++++++//+Get+the+count+and+go+through+all+the+elements.
++++++++++++count+=+pack(jpeg,+offset+-+2,+2,+littleEndian);
++++++++++++while+(count--+>+0+&&+length+>=+12)+{
++++++++++++++++//+Get+the+tag+and+check+if+it+is+orientation.
++++++++++++++++tag+=+pack(jpeg,+offset,+2,+littleEndian);
++++++++++++++++if+(tag+==+0x0112)+{
++++++++++++++++++++//+We+do+not+really+care+about+type+and+count,+do+we?
++++++++++++++++++++int+orientation+=+pack(jpeg,+offset+%2B+8,+2,+littleEndian);
++++++++++++++++++++switch+(orientation)+{
++++++++++++++++++++++++case+1:
++++++++++++++++++++++++++++return+0;
++++++++++++++++++++++++case+3:
++++++++++++++++++++++++++++return+180;
++++++++++++++++++++++++case+6:
++++++++++++++++++++++++++++return+90;
++++++++++++++++++++++++case+8:
++++++++++++++++++++++++++++return+270;
++++++++++++++++++++}
++++++++++++++++++++Log.i(TAG,+"Unsupported+orientation");
++++++++++++++++++++return+0;
++++++++++++++++}
++++++++++++++++offset+%2B=+12;
++++++++++++++++length+-=+12;
++++++++++++}
++++++++}

++++++++Log.i(TAG,+"Orientation+not+found");
++++++++return+0;
++++}

++++private+static+int+pack(byte[]+bytes,+int+offset,+int+length,
++++++++++++++++++++++++++++boolean+littleEndian)+{
++++++++int+step+=+1;
++++++++if+(littleEndian)+{
++++++++++++offset+%2B=+length+-+1;
++++++++++++step+=+-1;
++++++++}

++++++++int+value+=+0;
++++++++while+(length--+>+0)+{
++++++++++++value+=+(value+<<+8)+%7C+(bytes[offset]+&+0xFF);
++++++++++++offset+%2B=+step;
++++++++}
++++++++return+value;
++++}
}|35658|此解决方案是实验性的，必须测试是否有泄漏，并可能进行改进。在大多数情况下，三星和iOs设备返回90度旋转，此解决方案有效。其他情况也必须进行测试。|35659|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

As we know, Picasso supports EXIF from local storage, this is done via Android inner Utils. Providing the same functionality can't be done easy due to ability to use custom Http loading libraries.
My solution is simple: we must override caching and apply Exif rotation before item is cached.

<pre><code> OkHttpClient client = new OkHttpClient.Builder()
 .addNetworkInterceptor(chain -&gt; {
 Response originalResponse = chain.proceed(chain.request());
 byte[] body = originalResponse.body().bytes();
 ResponseBody newBody = ResponseBody
 .create(originalResponse.body().contentType(), ImageUtils.processImage(body));
 return originalResponse.newBuilder().body(newBody).build();
 })
 .cache(cache)
 .build();
</code></pre>

Here we add NetworkInterceptor that can transform request and response before it gets cached.

<pre><code>public class ImageUtils {

 public static byte[] processImage(byte[] originalImg) {
 int orientation = Exif.getOrientation(originalImg);
 if (orientation != 0) {
 Bitmap bmp = BitmapFactory.decodeByteArray(originalImg, 0, originalImg.length);
 ByteArrayOutputStream stream = new ByteArrayOutputStream();
 rotateImage(orientation, bmp).compress(Bitmap.CompressFormat.PNG, 100, stream);

 return stream.toByteArray();
 }
 return originalImg;
 }

 private static Bitmap rotateImage(int angle, Bitmap bitmapSrc) {
 Matrix matrix = new Matrix();
 matrix.postRotate(angle);
 return Bitmap.createBitmap(bitmapSrc, 0, 0,
 bitmapSrc.getWidth(), bitmapSrc.getHeight(), matrix, true);
 }
}
</code></pre>

Exif transformation:

<pre><code>public class Exif {
 private static final String TAG = "Exif";

 // Returns the degrees in clockwise. Values are 0, 90, 180, or 270.
 public static int getOrientation(byte[] jpeg) {
 if (jpeg == null) {
 return 0;
 }

 int offset = 0;
 int length = 0;

 // ISO/IEC 10918-1:1993(E)
 while (offset + 3 &lt; jpeg.length &amp;&amp; (jpeg[offset++] &amp; 0xFF) == 0xFF) {
 int marker = jpeg[offset] &amp; 0xFF;

 // Check if the marker is a padding.
 if (marker == 0xFF) {
 continue;
 }
 offset++;

 // Check if the marker is SOI or TEM.
 if (marker == 0xD8 || marker == 0x01) {
 continue;
 }
 // Check if the marker is EOI or SOS.
 if (marker == 0xD9 || marker == 0xDA) {
 break;
 }

 // Get the length and check if it is reasonable.
 length = pack(jpeg, offset, 2, false);
 if (length &lt; 2 || offset + length &gt; jpeg.length) {
 Log.e(TAG, "Invalid length");
 return 0;
 }

 // Break if the marker is EXIF in APP1.
 if (marker == 0xE1 &amp;&amp; length &gt;= 8 &amp;&amp;
 pack(jpeg, offset + 2, 4, false) == 0x45786966 &amp;&amp;
 pack(jpeg, offset + 6, 2, false) == 0) {
 offset += 8;
 length -= 8;
 break;
 }

 // Skip other markers.
 offset += length;
 length = 0;
 }

 // JEITA CP-3451 Exif Version 2.2
 if (length &gt; 8) {
 // Identify the byte order.
 int tag = pack(jpeg, offset, 4, false);
 if (tag != 0x49492A00 &amp;&amp; tag != 0x4D4D002A) {
 Log.e(TAG, "Invalid byte order");
 return 0;
 }
 boolean littleEndian = (tag == 0x49492A00);

 // Get the offset and check if it is reasonable.
 int count = pack(jpeg, offset + 4, 4, littleEndian) + 2;
 if (count &lt; 10 || count &gt; length) {
 Log.e(TAG, "Invalid offset");
 return 0;
 }
 offset += count;
 length -= count;

 // Get the count and go through all the elements.
 count = pack(jpeg, offset - 2, 2, littleEndian);
 while (count-- &gt; 0 &amp;&amp; length &gt;= 12) {
 // Get the tag and check if it is orientation.
 tag = pack(jpeg, offset, 2, littleEndian);
 if (tag == 0x0112) {
 // We do not really care about type and count, do we?
 int orientation = pack(jpeg, offset + 8, 2, littleEndian);
 switch (orientation) {
 case 1:
 return 0;
 case 3:
 return 180;
 case 6:
 return 90;
 case 8:
 return 270;
 }
 Log.i(TAG, "Unsupported orientation");
 return 0;
 }
 offset += 12;
 length -= 12;
 }
 }

 Log.i(TAG, "Orientation not found");
 return 0;
 }

 private static int pack(byte[] bytes, int offset, int length,
 boolean littleEndian) {
 int step = 1;
 if (littleEndian) {
 offset += length - 1;
 step = -1;
 }

 int value = 0;
 while (length-- &gt; 0) {
 value = (value &lt;&lt; 8) | (bytes[offset] &amp; 0xFF);
 offset += step;
 }
 return value;
 }
}
</code></pre>

This solution is experimental and must be tested for leaks and probably improved. In most cases Samsung and iOs devices return 90 DEG rotation and this solution works. Other cases also must be tested.

blocks|key|35681|text|基于@ph0en1x响应，此版本使用google+exif库和kotlin:将此拦截器添加到picasso使用的okhttpclient|type|unstyled|depth|inlineStyleRanges|entityRanges|data|35682|addNetworkInterceptor+{
++++val+response+=+it.proceed(it.request())
++++val+body+=+response.body
++++if+(body?.contentType()?.type+==+"image")+{
++++++++val+bytes+=+body.bytes()
++++++++val+degrees+=+bytes.inputStream().use+{+input+->
++++++++++++when+(ExifInterface(input).getAttributeInt(ExifInterface.TAG_ORIENTATION,+ExifInterface.ORIENTATION_NORMAL))+{
++++++++++++++++ExifInterface.ORIENTATION_ROTATE_270+->+270
++++++++++++++++ExifInterface.ORIENTATION_ROTATE_180+->+180
++++++++++++++++ExifInterface.ORIENTATION_ROTATE_90+->+90
++++++++++++++++else+->+0
++++++++++++}
++++++++}
++++++++if+(degrees+!=+0)+{
++++++++++++val+bitmap+=+BitmapFactory.decodeByteArray(bytes,+0,+bytes.size)
++++++++++++ByteArrayOutputStream().use+{+output+->
++++++++++++++++Bitmap.createBitmap(bitmap,+0,+0,+bitmap.width,+bitmap.height,+Matrix().apply+{+postRotate(degrees.toFloat())+},+true)
++++++++++++++++++++.compress(Bitmap.CompressFormat.PNG,+100,+output)
++++++++++++++++response.newBuilder().body(output.toByteArray().toResponseBody(body.contentType())).build()
++++++++++++}
++++++++}+else
++++++++++++response.newBuilder().body(bytes.toResponseBody(body.contentType())).build()
++++}+else
++++++++response
}|code-block|syntax|javascript|35683|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

based on @ph0en1x response this version use google exif library and kotlin: add this interceptor to okhttpclient used by picasso
<pre><code>addNetworkInterceptor {
 val response = it.proceed(it.request())
 val body = response.body
 if (body?.contentType()?.type == &quot;image&quot;) {
 val bytes = body.bytes()
 val degrees = bytes.inputStream().use { input -&gt;
 when (ExifInterface(input).getAttributeInt(ExifInterface.TAG_ORIENTATION, ExifInterface.ORIENTATION_NORMAL)) {
 ExifInterface.ORIENTATION_ROTATE_270 -&gt; 270
 ExifInterface.ORIENTATION_ROTATE_180 -&gt; 180
 ExifInterface.ORIENTATION_ROTATE_90 -&gt; 90
 else -&gt; 0
 }
 }
 if (degrees != 0) {
 val bitmap = BitmapFactory.decodeByteArray(bytes, 0, bytes.size)
 ByteArrayOutputStream().use { output -&gt;
 Bitmap.createBitmap(bitmap, 0, 0, bitmap.width, bitmap.height, Matrix().apply { postRotate(degrees.toFloat()) }, true)
 .compress(Bitmap.CompressFormat.PNG, 100, output)
 response.newBuilder().body(output.toByteArray().toResponseBody(body.contentType())).build()
 }
 } else
 response.newBuilder().body(bytes.toResponseBody(body.contentType())).build()
 } else
 response
}
</code></pre>

I am using Picasso to load images from the web in my application. I have noticed that some images are shown rotated by 90degrees although when I open the image in my browser I see it correctly positioned. I assume that these images have EXIF data. Is there any way to instruct Picasso to ignore EXIF?

Android Picasso auto rotates image

Android

我正在使用毕加索在我的应用程序中从web加载图像。我注意到有些图片被旋转了90度，但当我在浏览器中打开图片时，我发现它的位置是正确的。我假设这些图像有EXIF数据。有没有办法让毕加索忽略EXIF？

问Android Picasso自动旋转图像
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Android Picasso自动旋转图像EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Android Picasso自动旋转图像
EN