how to get image url from json string in android to display in image view

Question

Guys this is my json data:

{
  "status": "ok",
  "post": {
    "id": 8,
    "type": "post",
    "slug": "android",
    "url": "http://192.168.1.8/Android/android/wordpress/2016/07/13/android/",
    "status": "publish",
    "title": "Android",
    "title_plain": "Android",
    "content": "<p>Google&#8217;s Android is shaking up the mobile market in a big way. With Android.</p>\n<p><img class=\"alignnone size-medium wp-image-31\" src=\"http://192.168.1.8/Android/android/wordpress/wp-content/uploads/2016/07/51KRggHZuzL._SX355_-300x222.jpg\" alt=\"51KRggHZuzL._SX355_\" width=\"300\" height=\"222\" srcset=\"http://192.168.1.8/Android/android/wordpress/wp-content/uploads/2016/07/51KRggHZuzL._SX355_-300x222.jpg 300w, http://192.168.1.8/Android/android/wordpress/wp-content/uploads/2016/07/51KRggHZuzL._SX355_.jpg 355w\" sizes=\"(max-width: 300px) 85vw, 300px\" /> <img class=\"alignnone size-medium wp-image-12\" src=\"http://192.168.1.8/Android/android/wordpress/wp-content/uploads/2016/07/CV2iAeMXIAAQlZH-300x232.png\" alt=\"moto\" width=\"300\" height=\"232\" srcset=\"http://192.168.1.8/Android/android/wordpress/wp-content/uploads/2016/07/CV2iAeMXIAAQlZH-300x232.png 300w, http://192.168.1.8/Android/android/wordpress/wp-content/uploads/2016/07/CV2iAeMXIAAQlZH.png 600w\" sizes=\"(max-width: 300px) 85vw, 300px\" /></p>\n",
    "excerpt": "<p>Google&#8217;s Android is shaking up the mobile market in a big way. With Android.  </p>\n",
    "date": "2016-07-13 06:12:00",
    "modified": "2016-07-18 07:12:39"
  }
}

In content data I am getting String like this:

<p>Google&#8217;s Android is shaking up the mobile market in a big way. With Android.</p>\n<p><img class=\"alignnone size-medium wp-image-31\" src=\"http://192.168.1.8/Android/android/wordpress/wp-content/uploads/2016/07/51KRggHZuzL._SX355_-300x222.jpg\" alt=\"51KRggHZuzL._SX355_\" width=\"300\" height=\"222\" srcset=\"http://192.168.1.8/Android/android/wordpress/wp-content/uploads/2016/07/51KRggHZuzL._SX355_-300x222.jpg 300w, http://192.168.1.8/Android/android/wordpress/wp-content/uploads/2016/07/51KRggHZuzL._SX355_.jpg 355w\" sizes=\"(max-width: 300px) 85vw, 300px\" /> <img class=\"alignnone size-medium wp-image-12\" src=\"http://192.168.1.8/Android/android/wordpress/wp-content/uploads/2016/07/CV2iAeMXIAAQlZH-300x232.png\" alt=\"moto\" width=\"300\" height=\"232\" srcset=\"http://192.168.1.8/Android/android/wordpress/wp-content/uploads/2016/07/CV2iAeMXIAAQlZH-300x232.png 300w, http://192.168.1.8/Android/android/wordpress/wp-content/uploads/2016/07/CV2iAeMXIAAQlZH.png 600w\" sizes=\"(max-width: 300px) 85vw, 300px\" /></p>\n

So,How I get image url from this String

is it really JSON ?

Niranj Patel
– Niranj Patel

2016-07-18 07:19:20 +00:00
Commented Jul 18, 2016 at 7:19 — Niranj Patel
– Niranj Patel, Commented Jul 18, 2016 at 7:19
It is String form Json

Rathina Sabapathi M
– Rathina Sabapathi M

2016-07-18 07:20:03 +00:00
Commented Jul 18, 2016 at 7:20 — Rathina Sabapathi M
– Rathina Sabapathi M, Commented Jul 18, 2016 at 7:20
It's html, not JSON.

Neerajlal K
– Neerajlal K

2016-07-18 07:20:28 +00:00
Commented Jul 18, 2016 at 7:20 — Neerajlal K
– Neerajlal K, Commented Jul 18, 2016 at 7:20
it is html data.....

Niranj Patel
– Niranj Patel

2016-07-18 07:20:37 +00:00
Commented Jul 18, 2016 at 7:20 — Niranj Patel
– Niranj Patel, Commented Jul 18, 2016 at 7:20
yes,it is a html.it is from my json data

Rathina Sabapathi M
– Rathina Sabapathi M

2016-07-18 07:22:08 +00:00
Commented Jul 18, 2016 at 7:22 — Rathina Sabapathi M
– Rathina Sabapathi M, Commented Jul 18, 2016 at 7:22

Punithapriya · Accepted Answer · 2016-07-18 07:33:00Z

1

Try this::

Document doc = Jsoup.parse(html);
        Elements element = doc.getAllElements();
        for(Element e: element)
        {
            Elements str = e.getElementsByTag("img");
            for(Element el: str)
            {                
                String src= el.attr("src");
                System.out.println("The src:"+src);
            }
        }

answered Jul 18, 2016 at 7:33

Punithapriya

1319 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Neerajlal K · Accepted Answer · 2016-07-18 08:48:07Z

1

You can use Regular Expression to match the src attribule from img tag.

Try this code,

String mydata = "your html string";
String regex = "src\\s*=\\s*\"(.+?)\"";

Pattern pattern = Pattern.compile(regex);
Matcher matcher = pattern.matcher(mydata);
List<String> imgUrls = new ArrayList<String>();
while (matcher.find()) {
    imgUrls.add(matcher.group(1));
}

//Load imgUrls into ImageViews using some image loader

For imageloader you can use Picasso or Glide.

edited Jul 18, 2016 at 8:48

answered Jul 18, 2016 at 7:30

Neerajlal K

6,8263 gold badges26 silver badges34 bronze badges

4 Comments

Ruslan Bes Over a year ago

Please don't use regex for html stackoverflow.com/a/1732454/1483663

Neerajlal K Over a year ago

@RuslanBes Any alternatives without any external dependencies?

Rathina Sabapathi M Over a year ago

It is working for One image url but the string contains two image url how will I get it

Rathina Sabapathi M Over a year ago

Thanks for your support @K Neeraj Lal

gaurang · Accepted Answer · 2016-07-18 07:37:55Z

0

URL[] urlsimage;
Bitmap[] TBM;

JSONArray jsonArray = new JSONArray(Response);

urlsimage=new URL[jsonArray.length()];
TBM=new Bitmap[jsonArray.length()];

for(int i=0; i < jsonArray.length(); i++){
JSONObject jsonObject = jsonArray.getJSONObject(i);

Image[i]=jsonObject.getString("image");
  if(!Image[i].equals("null"))
  {
      urlsimage[i]=new URL(Image[i]);
      TBM[i] = BitmapFactory.decodeStream(urlsimage[i].openConnection().getInputStream());
  }
}

img.setImageBitmap(TBM[0]);

answered Jul 18, 2016 at 7:37

gaurang

2,2402 gold badges26 silver badges45 bronze badges

Collectives™ on Stack Overflow

how to get image url from json string in android to display in image view

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related