8

I'm looking for a very basic function. I'm trying to design an app and all I want it to do is load an image from a URL. I've found a few questions and websites, but they all seem to be older and dated, but what I think I'm having issues with is linking the code to activity main.xml for ImageView.

Any suggestions or links you have I would greatly appreciate, thank you.

4 Answers 4

12

Here, this is how I display image from url in the image view
you have to call this code from thread other than main thread

ImageView img = (ImageView) findViewById(R.id.imageView1);
try {
        URL url = new URL("Your URL");
        //try this url = "http://0.tqn.com/d/webclipart/1/0/5/l/4/floral-icon-5.jpg"
        HttpGet httpRequest = null;

        httpRequest = new HttpGet(url.toURI());

        HttpClient httpclient = new DefaultHttpClient();
        HttpResponse response = (HttpResponse) httpclient
                .execute(httpRequest);

        HttpEntity entity = response.getEntity();
        BufferedHttpEntity b_entity = new BufferedHttpEntity(entity);
        InputStream input = b_entity.getContent();

        Bitmap bitmap = BitmapFactory.decodeStream(input);

        img.setImageBitmap(bitmap);

    } catch (Exception ex) {

    }

Be careful don't forget to surround the code with try catch(I have already done that in this code)

or you can use webview to load image from url

WebView web = (WebView) findViewById(R.id.webView1);
web.loadUrl("Your Url");

if you are trying to load image from the assets folder url will start like this "file:///android_asset/yourimage.jpg"
else normal internet url like this "http://0.tqn.com/d/webclipart/1/0/5/l/4/floral-icon-5.jpg"

hope this works for you Good Luck

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

15 Comments

I try to edit your post but I think somehow the answer is not updated yet. Can you put addition note in the answer with bold font mentioning that you have to call this code from thread other than main thread.
But I did not call it from the thread and it works fine for me. Can you please clarify it.Thank You.
android now has a strict policy on any network communication. You should try this code again. The code that you have written can take any amount of time to get image from remote url depending on the network speed and image size. If you are calling this code from UI then there is a chance that your UI thread will be blocked and give you ANR. Try this code on ICS if you can. It should probably give an exception "NetWorkOnMainThread". or you can simply google search for this exception.
I have written two answers above, hope the thread is needed for the first answer.I have updated thank you.
No problem , Yes the thread is needed for first answer. In Webview, it is handled for you already.
|
4

There is an opensource library called imageloader. It is widely used, you can use it directly or make code similar to it.

https://github.com/nostra13/Android-Universal-Image-Loader

Comments

0

You can take the image and on your php side convert it into a base64 and then on Android side decode it into a image.

Comments

0

The best practice to download image is to be done on the background Thread, so that it doesn't interrupt your Main Thread,then update the User Interface as needed.

public class MainActivity extends AppCompatActivity {

FrameLayout frameLayout;
ImageView imageView;
ProgressBar progressBar;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    frameLayout= (FrameLayout) findViewById(R.id.containerlayout);
    imageView= (ImageView) findViewById(R.id.imageView);
    progressBar= (ProgressBar) findViewById(R.id.progressBar);

    String url="http://www.flat-e.com/flate5/wp-content/uploads/cover-960x857.jpg";
    MyTask myTask= new MyTask();
    myTask.execute(url);
}
class MyTask extends AsyncTask<String, Void, Bitmap> {

    @Override
    protected void onPreExecute() {
        progressBar.setVisibility(View.VISIBLE);
    }

    @Override
    protected Bitmap doInBackground(String... voids) {

        Bitmap bitmap=null;
        try {
            URL url =new URL(voids[0]);
            HttpURLConnection connection= (HttpURLConnection) url.openConnection();
            InputStream inputStream= connection.getInputStream();
            bitmap = BitmapFactory.decodeStream(inputStream);
        } catch (IOException e) {
            e.printStackTrace();
        }
        return bitmap;
    }

    @Override
    protected void onPostExecute(Bitmap bitmap) {
        progressBar.setVisibility(View.GONE);
        imageView.setImageBitmap(bitmap);

    }
}

}

Here, in this example I created an inner class MyTask which extends the AsyncTask where i have done all my network operations. Make sure to add the Uses permission in your Manifest File.

Hope this works for you too.

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.