How to load an ImageView by URL in Android

Question

How do you use an image referenced by URL in an ImageView

User · Answer

Try this way hope this will help you to solve your problem   Here I explain about how to use  AndroidQuery  external library for load image from url server in asyncTask manner with also cache loaded image to device file or cache area    Download  AndroidQuery  library from here  Copy Paste this jar to project lib folder and add this library to project build-path Now I show demo to how to use it    activity main xml   lt LinearLayout xmlns android  http   schemas android com apk res android          android layout width  match parent          android layout height  match parent          android gravity  center  gt            lt FrameLayout             android layout width  wrap content              android layout height  wrap content  gt                lt ImageView                 android id    id imageFromUrl                  android layout width  wrap content                  android layout height  wrap content                  android adjustViewBounds  true   gt               lt ProgressBar                 android id    id pbrLoadImage                  android layout width  wrap content                  android layout height  wrap content                  android layout gravity  center   gt            lt  FrameLayout gt       lt  LinearLayout gt    MainActivity java  public class MainActivity extends Activity    private AQuery aQuery   Override protected void onCreate Bundle savedInstanceState        super onCreate savedInstanceState       setContentView R layout activity main       aQuery   new AQuery this       aQuery id R id imageFromUrl  progress R id pbrLoadImage  image  http   itechthereforeiam com wp-content uploads 2013 11 android-gone-packing jpg  true true         Note   Here I just implemented common method to load image from url server but you can use various types of method which can be provided by  AndroidQuery to load your image easily

User · Answer

The best modern library for such a task in my opinion is Picasso by Square  It allows to load an image to an ImageView by URL with one-liner   Picasso with context  load  http   i imgur com DvpvklR png   into imageView

User · Answer

This code is tested  it is completely working   URL req   new URL   http   java sogeti nl JavaBlog wp-content uploads 2009 04 android icon 256 png     Bitmap mIcon val   BitmapFactory decodeStream req openConnection                      getInputStream

User · Answer

1   Picasso allows for hassle-free image loading in your application   often in one line of code  Use Gradle  implementation  com squareup picasso picasso  insert latest version    Just one line of code  Picasso get   load  quot http   i imgur com DvpvklR png quot   into imageView    2  Glide An image loading and caching library for Android focused on smooth scrolling Use Gradle  repositories     mavenCentral      google      dependencies      implementation  com github bumptech glide glide 4 11 0     annotationProcessor  com github bumptech glide compiler4 11 0        For a simple view    Glide with this  load  quot http   i imgur com DvpvklR png quot   into imageView    3  fresco  is a powerful system for displaying images in Android applications Fresco takes care of image loading and display  so you don t have to  Getting Started with Fresco

User · Answer

I wrote a class to handle this  as it seems to be a recurring need in my various projects   https   github com koush UrlImageViewHelper     UrlImageViewHelper will fill an   ImageView with an image that is found   at a URL       The sample will do a Google Image   Search and load show the results   asynchronously       UrlImageViewHelper will automatically   download  save  and cache all the   image urls the BitmapDrawables    Duplicate urls will not be loaded into   memory twice  Bitmap memory is managed   by using a weak reference hash table    so as soon as the image is no longer   used by you  it will be garbage   collected automatically

User · Answer

String img url    url of the image     URL url new URL img url       Bitmap bmp       bmp BitmapFactory decodeStream url openConnection   getInputStream         ImageView iv  ImageView findviewById R id imageview       iv setImageBitmap bmp

User · Answer

This will help you     Define imageview and load image into it        Imageview i    ImageView  vv findViewById R id img country   i setImageBitmap DownloadFullFromUrl url      Then Define this method         public Bitmap DownloadFullFromUrl String imageFullURL        Bitmap bm   null      try           URL url   new URL imageFullURL           URLConnection ucon   url openConnection            InputStream is   ucon getInputStream            BufferedInputStream bis   new BufferedInputStream is           ByteArrayBuffer baf   new ByteArrayBuffer 50           int current   0          while   current   bis read       -1                baf append  byte  current                     bm   BitmapFactory decodeByteArray baf toByteArray    0                  baf toByteArray   length         catch  IOException e            Log d  ImageManager    Error      e             return bm

User · Answer

Android Query can handle that for you and much more  like cache and loading progress    Take a look at here   I think is the best approach

User · Answer

You ll have to download the image firstly   public static Bitmap loadBitmap String url        Bitmap bitmap   null      InputStream in   null      BufferedOutputStream out   null       try           in   new BufferedInputStream new URL url  openStream    IO BUFFER SIZE            final ByteArrayOutputStream dataStream   new ByteArrayOutputStream            out   new BufferedOutputStream dataStream  IO BUFFER SIZE           copy in  out           out flush             final byte   data   dataStream toByteArray            BitmapFactory Options options   new BitmapFactory Options              options inSampleSize   1           bitmap   BitmapFactory decodeByteArray data  0  data length options         catch  IOException e            Log e TAG   Could not load Bitmap from      url         finally           closeStream in           closeStream out              return bitmap      Then use the Imageview setImageBitmap to set  bitmap into the ImageView

User · Answer

This is a late reply  as suggested above AsyncTask will will and after googling a bit i found one more way for this problem   Drawable drawable   Drawable createFromStream  InputStream  new URL  url   getContent     src     imageView setImageDrawable drawable    Here is the complete function   public void loadMapPreview            start a background thread for networking     new Thread new Runnable             public void run                try                     download the drawable                 final Drawable drawable   Drawable createFromStream  InputStream  new URL  url   getContent     src                      edit the view in the UI thread                 imageView post new Runnable                         public void run                             imageView setImageDrawable drawable                                                           catch  IOException e                    e printStackTrace                                   start        Don t forget to add the following permissions in your AndroidManifest xml to access the internet    lt uses-permission android name  android permission INTERNET    gt   I tried this myself and i have not face any issue yet

User · Answer

Lots of good info in here   I recently found a class called SmartImageView that seems to be working really well so far   Very easy to incorporate and use   http   loopj com android-smart-image-view   https   github com loopj android-smart-image-view  UPDATE  I ended up writing a blog post about this  so check it out for help on using SmartImageView   2ND UPDATE  I now always use Picasso for this  see above  and highly recommend it

User · Answer

I have recently found a thread here  as I have to do a similar thing for a listview with images  but the principle is simple  as you can read in the first sample class shown there  by jleedev   You get the Input stream of the image  from web   private InputStream fetch String urlString  throws MalformedURLException  IOException       DefaultHttpClient httpClient   new DefaultHttpClient        HttpGet request   new HttpGet urlString       HttpResponse response   httpClient execute request       return response getEntity   getContent        Then you store the image as Drawable and you can pass it to the ImageView  via setImageDrawable   Again from the upper code snippet take a look at the entire thread    InputStream is   fetch urlString   Drawable drawable   Drawable createFromStream is   src

User · Answer

The accepted answer above is great if you are loading the image based on a button click  however if you are doing it in a new activity it freezes up the UI for a second or two  Looking around I found that a simple asynctask eliminated this problem    To use an asynctask add this class at the end of your activity   private class DownloadImageTask extends AsyncTask lt String  Void  Bitmap gt        ImageView bmImage       public DownloadImageTask ImageView bmImage            this bmImage   bmImage             protected Bitmap doInBackground String    urls            String urldisplay   urls 0           Bitmap mIcon11   null          try               InputStream in   new java net URL urldisplay  openStream                mIcon11   BitmapFactory decodeStream in             catch  Exception e                Log e  Error   e getMessage                 e printStackTrace                      return mIcon11             protected void onPostExecute Bitmap result            bmImage setImageBitmap result                 And call from your onCreate   method using   new DownloadImageTask  ImageView  findViewById R id imageView1            execute MY URL STRING     The result is a quickly loaded activity and an imageview that shows up a split second later depending on the user s network speed

User · Answer

A simple and clean way to do this is to use the open source library Prime

User · Answer

public class LoadWebImg extends Activity    String image URL    http   java sogeti nl JavaBlog wp-content uploads 2009 04 android icon 256 png           Called when the activity is first created         Override    public void onCreate Bundle savedInstanceState           super onCreate savedInstanceState          setContentView R layout main           ImageView bmImage    ImageView findViewById R id image       BitmapFactory Options bmOptions      bmOptions   new BitmapFactory Options        bmOptions inSampleSize   1      Bitmap bm   LoadImage image URL  bmOptions       bmImage setImageBitmap bm            private Bitmap LoadImage String URL  BitmapFactory Options options                  Bitmap bitmap   null      InputStream in   null                try              in   OpenHttpConnection URL              bitmap   BitmapFactory decodeStream in  null  options              in close             catch  IOException e1                    return bitmap                       private InputStream OpenHttpConnection String strURL  throws IOException   InputStream inputStream   null   URL url   new URL strURL    URLConnection conn   url openConnection      try    HttpURLConnection httpConn    HttpURLConnection conn    httpConn setRequestMethod  GET      httpConn connect       if  httpConn getResponseCode      HttpURLConnection HTTP OK       inputStream   httpConn getInputStream            catch  Exception ex         return inputStream

User · Answer

Anyway people ask my comment to post it as answer  i am posting   URL newurl   new URL photo url str    mIcon val   BitmapFactory decodeStream newurl openConnection   getInputStream     profile photo setImageBitmap mIcon val

User · Answer

You could also use this LoadingImageView view to load an image from a url   http   blog blundellapps com imageview-with-loading-spinner   Once you have added the class file from that link you can instantiate a url image view   in xml    lt com blundell tut LoaderImageView   android id    id loaderImageView    android layout width  wrap content    android layout height  wrap content    image  http   developer android com images dialog buttons png     gt    In code   final LoaderImageView image   new LoaderImageView this   http   developer android com images dialog buttons png      And update it using   image setImageDrawable  http   java sogeti nl JavaBlog wp-content uploads 2009 04 android icon 256 png

User · Answer

Hi I have the most easiest code try this       public class ImageFromUrlExample extends Activity        Override     public void onCreate Bundle savedInstanceState                super onCreate savedInstanceState               setContentView R layout main                 ImageView imgView   ImageView findViewById R id ImageView01               Drawable drawable   LoadImageFromWebOperations  http   www androidpeople com wp-content uploads 2010 03 android png                imgView setImageDrawable drawable               private Drawable LoadImageFromWebOperations String url                  try          InputStream is    InputStream  new URL url  getContent            Drawable d   Drawable createFromStream is   src name            return d         catch  Exception e            System out println  Exc   e           return null                       main xml     lt LinearLayout      android id    id LinearLayout01      android layout width  fill parent      android layout height  fill parent      xmlns android  http   schemas android com apk res android  gt      lt ImageView         android id    id ImageView01         android layout height  wrap content          android layout width  wrap content   gt      try this

User · Answer

Version with exception handling and async task   AsyncTask lt URL  Void  Boolean gt  asyncTask   new AsyncTask lt URL  Void  Boolean gt          public Bitmap mIcon val      public IOException error        Override     protected Boolean doInBackground URL    params            try               mIcon val   BitmapFactory decodeStream params 0  openConnection   getInputStream               catch  IOException e                this error   e              return false                    return true              Override     protected void onPostExecute Boolean success            super onPostExecute success           if  success                image setImageBitmap mIcon val             else               image setImageBitmap defaultImage                      try       URL url   new URL url       asyncTask execute url     catch  MalformedURLException e        e printStackTrace

User · Answer

private Bitmap getImageBitmap String url            Bitmap bm   null          try               URL aURL   new URL url               URLConnection conn   aURL openConnection                conn connect                InputStream is   conn getInputStream                BufferedInputStream bis   new BufferedInputStream is               bm   BitmapFactory decodeStream bis               bis close                is close             catch  IOException e               Log e TAG   Error getting bitmap   e                   return bm

User · Answer

imageView setImageBitmap BitmapFactory decodeStream imageUrl openStream       try catch IOException and MalformedURLException outside

User · Answer

Working for imageView in any container   like listview grid view   normal layout    private class LoadImagefromUrl extends AsyncTask lt  Object  Void  Bitmap  gt            ImageView ivPreview   null            Override         protected Bitmap doInBackground  Object    params                 this ivPreview    ImageView  params 0               String url    String  params 1               System out println url               return loadBitmap  url                        Override         protected void onPostExecute  Bitmap result                 super onPostExecute  result                ivPreview setImageBitmap  result                         public Bitmap loadBitmap  String url             URL newurl   null          Bitmap bitmap   null          try               newurl   new URL  url                bitmap   BitmapFactory decodeStream  newurl openConnection    getInputStream                 catch   MalformedURLException e                 e printStackTrace               catch   IOException e                  e printStackTrace                       return bitmap            Usage       new LoadImagefromUrl    execute  imageView  url

User · Answer

From Android developer      show The Image in a ImageView new DownloadImageTask  ImageView  findViewById R id imageView1                execute  http   java sogeti nl JavaBlog wp-content uploads 2009 04 android icon 256 png     public void onClick View v        startActivity new Intent this  IndexActivity class        finish        private class DownloadImageTask extends AsyncTask lt String  Void  Bitmap gt        ImageView bmImage       public DownloadImageTask ImageView bmImage            this bmImage   bmImage             protected Bitmap doInBackground String    urls            String urldisplay   urls 0           Bitmap mIcon11   null          try               InputStream in   new java net URL urldisplay  openStream                mIcon11   BitmapFactory decodeStream in             catch  Exception e                Log e  Error   e getMessage                 e printStackTrace                      return mIcon11             protected void onPostExecute Bitmap result            bmImage setImageBitmap result             Make sure you have the following permissions set in your AndroidManifest xml to access the internet    lt uses-permission android name  android permission INTERNET    gt

[android] How to load an ImageView by URL in Android?

Examples related to android

Examples related to bitmap

Examples related to imageview