get raw file data from url and display in ImageView

Question

I would like to display an image from the URL that is providing me raw data for the image(png or JPG).

I checked this link but not much useful.

Here is my image link

I am processing the raw data but could not see the image. I am not sure how do I check that I got the right raw data.

here is my effort

private class DownloadImageTask extends AsyncTask<String, Void, Void> {

        byte[] bytes;
        Bitmap picture = null;

        @Override
        protected Void doInBackground(String... urls) {

//            final OkHttpClient client = new OkHttpClient();
//
//            Request request = new Request.Builder()
//                    .url(urls[0])
//                    .build();
//
//            Response response = null;
//
//            try {
//                response = client.newCall(request).execute();
//            } catch (IOException e) {
//                e.printStackTrace();
//            }
//            assert response != null;
//            if (response.isSuccessful()) {
//                try {
//                    assert response.body() != null;
//                    ByteArrayOutputStream baos = new ByteArrayOutputStream();
//                    IOUtils.copy(response.body().byteStream(), baos);
//                    bytes = baos.toByteArray();
//                    picture = BitmapFactory.decodeStream(response.body().byteStream());
//                } catch (Exception e) {
//                    Log.e("Error", Objects.requireNonNull(e.getMessage()));
//                    e.printStackTrace();
//                }
//
//            }

            ByteArrayOutputStream outputStream = new ByteArrayOutputStream();

            try {
                URL url = new URL(urls[0]);
                byte[] chunk = new byte[4096];
                int bytesRead;
                InputStream stream = url.openStream();

                while ((bytesRead = stream.read(chunk)) > 0) {
                    outputStream.write(chunk, 0, bytesRead);
                }

            } catch (IOException e) {
                e.printStackTrace();
                return null;
            }

            bytes = outputStream.toByteArray();

            return null;
        }

        @Override
        protected void onPostExecute(Void aVoid) {
            super.onPostExecute(aVoid);
            if (bytes != null) {
                Bitmap bitmap = BitmapFactory.decodeByteArray(bytes, 0, bytes.length);
                cameraView.setImageBitmap(bitmap);
            }
//            cameraView.setImageBitmap(picture);

        }

    }

What do you mean with raw data for an image? Aren't you just downloading an image file like a .jpg or .png? — blackapps, Sep 02 '20 at 15:17
No, Data coming in raw format from the url so I need to convert that into the image — Arpit Patel, Sep 02 '20 at 15:20
Your code looks ok for downloading image files. If you are in doubt receiving the right bytes then save them to file and check if an image viewer can fidplay it. — blackapps, Sep 02 '20 at 15:21
Repeat: what do you mean with raw format? And you are trying to convert the bytes to a bitmap. Did you check if bimap==null? — blackapps, Sep 02 '20 at 15:22
@blackapps here the link I am getting the data from https://pastebin.com/tifdC2K3 — Arpit Patel, Sep 02 '20 at 15:25
Quite confusing post. It looks if you are downloading a .raw file. And not the raw data of for instance a .jpg file. — blackapps, Sep 02 '20 at 15:26
It expires every 6 seconds so I can't really put in the question. — Arpit Patel, Sep 02 '20 at 15:26
?? But what should i see in that pastebin? Dont understand a word. You better post the used url here. And what is expiring? — blackapps, Sep 02 '20 at 15:30
Please react: `It looks if you are downloading a .raw file. And not the raw data of for instance a .jpg file. ` — blackapps, Sep 02 '20 at 15:33
My god... Tell better what you mean by raw data. I asked you several times and you seem not able to tell what it is that you try to download. — blackapps, Sep 02 '20 at 15:46
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/220872/discussion-between-arpit-patel-and-blackapps). — Arpit Patel, Sep 02 '20 at 15:46
@blackapps Can you join the discussion? So I can explain to you better. — Arpit Patel, Sep 02 '20 at 15:47
No. I will not. Just give a to the point answer. Cant be that difficult. — blackapps, Sep 02 '20 at 15:51
in the simple term, I would like to display an image using the URL link but the link contains the jpg data in that URL. — Arpit Patel, Sep 02 '20 at 15:56
You are trying to download a .jpg file. Ok. Why all that fuss? Pretty normal then it should work. But you did not tell if bitmap became null although i asked you. If bitmap becomes null then tell the resolution in pixels of that image. — blackapps, Sep 02 '20 at 15:58
It's not the jpg file but I would like to save as a jpg file. — Arpit Patel, Sep 02 '20 at 16:32
@ArpitPatel how can I create a row link with no expiration date — Anwar SE, Sep 12 '20 at 08:16

sancho.s ReinstateMonicaCellio · Answer 1 · 2020-09-10T15:55:27.927

1

The location of your problem/s in your workflow seems ill-determined. You should first identify this. (Plus, you did not specify if you are bound to a specific programming language).

For this sake, I suggest you:

Start using a raw image file that you know is correct, and test its processing. There are quite a few raw image formats. Judging from the tag android, I guess the following can help:

To capture a raw iamge into a file: How to capture raw image from android camera

To display in ImageView: Can't load image from raw to imageview

https://gamedev.stackexchange.com/questions/14046/how-can-i-convert-an-image-from-raw-data-in-android-without-any-munging

https://developer.android.com/reference/android/graphics/ImageFormat

https://www.androidcentral.com/raw-images-and-android-everything-you-need-know
Try getting a raw image from an URL that you can manage.
Apply this to the actual target URL.

This way you will know where your problem resides. Without more info it is hard to "debug" your problem.

You can also inspect code in FOSS projects.

edited Sep 10 '20 at 15:55

answered Sep 10 '20 at 08:14

sancho.s ReinstateMonicaCellio

14,708
20
93
185

Thank you for the response. Could you give me an example that retrieves raw data and display as an image in Android? – Arpit Patel Sep 10 '20 at 12:54
I checked all the references but couldn't see the proper way to display the raw image in android – Arpit Patel Sep 10 '20 at 14:46
@ArpitPatel - As mentioned, your task can be split into "subtasks". I was suggesting you first take some additional time to clarify where your problem resides, instead of asking for a complete code for the whole process. This is a way to help others help you, and it increases chances that you get your problem solved.. – sancho.s ReinstateMonicaCellio Sep 10 '20 at 15:49
I implemented the code but I am not getting any errors So I am just trying to identify the errors. Or what is wrong with my code if I am making any mistakes. – Arpit Patel Sep 10 '20 at 15:54
@ArpitPatel - As for showing in ImageView, please see updated answer. Again, please help narrowing down the problem. – sancho.s ReinstateMonicaCellio Sep 10 '20 at 15:56
If you guys need any more information please feel free to ask. – Arpit Patel Sep 10 '20 at 15:56

yuanweiwork · Answer 2 · 2020-09-17T02:07:15.300

Identify the following questions:

Using URL to get bytes to load images

I wrote down what I can with reference to


class DownLoadImageTask extends AsyncTask<String, Void, Bitmap> {
     @Override
     protected void onPostExecute(Bitmap bitmap) {
         super.onPostExecute(bitmap);
         imageView.setImageBitmap(bitmap);

     }

     @Override
     protected Bitmap doInBackground(String... strings) {
         try {
             OkHttpClient client = new OkHttpClient();
             Request request = new Request.Builder().url(strings[0]).build();
             Response response = client.newCall(request).execute();
             if (response.isSuccessful()) {
                 InputStream inputStream = response.body().byteStream();
                 return BitmapFactory.decodeStream(inputStream);
             }
         } catch (IOException e) {
             e.printStackTrace();
         }
         return null;
     }
 }

This is the URL I use

https://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Image_created_with_a_mobile_phone.png/440px-Image_created_with_a_mobile_phone.png

https://upload.wikimedia.org/wikipedia/commons/3/3a/Cat03.jpg

I can test it. I hope it can help you

update to java ,The repeated creation of okhttp requests needs to be processed by yourself @Arpit Patel — yuanweiwork, Sep 17 '20 at 02:08

Alter · Answer 3 · 2020-09-16T15:20:48.283

You could use a library named Picasso and do the following:

String url = get url from the Async Function and convert it to String
/*if you url has no image format, you could do something like this con convert the uri into a Bitmap*/


public Bitmap getCorrectlyOrientedImage(Context context, Uri uri, int maxWidth)throws IOException {

InputStream input = context.getContentResolver().openInputStream(uri);
BitmapFactory.Options onlyBoundsOptions = new BitmapFactory.Options();
onlyBoundsOptions.inJustDecodeBounds = true;
onlyBoundsOptions.inDither = true;//optional
onlyBoundsOptions.inPreferredConfig = Bitmap.Config.ARGB_8888;//optional
BitmapFactory.decodeStream(input, null, onlyBoundsOptions);
try {
      input.close();

    } catch (NullPointerException e) {
            e.printStackTrace();
 }

/*trying to get the right orientation*/
if ((onlyBoundsOptions.outWidth == -1) || (onlyBoundsOptions.outHeight == -1)) {
            return null;
        }

int originalSize = Math.max(onlyBoundsOptions.outHeight, onlyBoundsOptions.outWidth);

double ratio = (originalSize > maxWidth) ? (originalSize / maxWidth) : 1.0;

Matrix matrix = new Matrix();
        int rotationInDegrees = exifToDegrees(orientation);
        if (orientation != 0) matrix.preRotate(rotationInDegrees);

        int bmpWidth = 0;
        try {
            assert bitmap != null;
            bmpWidth = bitmap.getWidth();
        } catch (NullPointerException e) {
            e.printStackTrace();
        }

Bitmap adjustedBitmap = bitmap;
if (bmpWidth > 0)
   adjustedBitmap = Bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(), bitmap.getHeight(), matrix, true);

return adjustedBitmap;
}

/*Then you has the image in Bitmap, you can use the solution below or if Picasso doesn't allows you to put Bitmap you can pass it directly to the ImageView as a Bitmap.*/

ImageView imageView = view.findViewById(R.id.imageViewId);

/*Then use Picasso to draw the image into the ImageView*/
Picasso.with(context).load(url).fit().into(imageView );

This is the dependency for build.gradle, not sure if is the last version but you could try.

implementation 'com.squareup.picasso:picasso:2.5.2'

Kind regards!

This URL doesn't provide jpg or png. I can not use URL directly I need to do processing to convert data to JPG or png. — Arpit Patel, Sep 16 '20 at 14:52
How you are storing the image? I think with Picasso, no matter how is the url, it will just find the url and try to put whatever is there into the ImageView, did you already try? — Alter, Sep 16 '20 at 14:55
I am using a third party URL to display the image so I am not sure how they store the data. — Arpit Patel, Sep 16 '20 at 15:12
I updated my answer, so can convert the uri into a Bitmap and then assign it to the ImageView, hope it match to your needs. — Alter, Sep 16 '20 at 15:14
I tried to download data as a bitmap but its not working you can see on my question. — Arpit Patel, Sep 16 '20 at 15:17
Are you able to see the image when debugging the app as a Bitmap already converted? — Alter, Sep 16 '20 at 15:21

get raw file data from url and display in ImageView

3 Answers3