How to download an Image by using Volley?

Question

I am Trying to download an Image into an ImageView by using the Volley Library.
I inject the response of the Volley Library into the ImageView, but I am not getting the desired result.

Please check my code and suggest where I can make the changes to get the desired result.

public class MainActivity extends AppCompatActivity {
    Button response_click;
    TextView text_response;
    RequestQueue requestQueue;
    ImageView image_download;
    String server_url="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c1/Starburst_in_NGC_4449_(captured_by_the_Hubble_Space_Telescope).jpg/1024px-Starburst_in_NGC_4449_(captured_by_the_Hubble_Space_Telescope).jpg";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        response_click=(Button) findViewById(R.id.click_response);
        text_response=(TextView) findViewById(R.id.text_response);
        image_download=(ImageView)findViewById(R.id.image_download);
    }
    public void response_click(View view){
        requestQueue= Volley.newRequestQueue(getApplicationContext());
        StringRequest stringRequest=new StringRequest(Request.Method.POST, server_url, new Response.Listener<String>() {
            @Override
            public void onResponse(String response) {
                image_download.setImageResource(Integer.parseInt(response));


            }
        }, new Response.ErrorListener() {
            @Override
            public void onErrorResponse(VolleyError error) {
                text_response.setText("ou got an error...");
            }
        });

    }
}

Answer 1

You are using the wrong type of request. There is an ImageRequest or ImageLoader.

Please refer to an example snippet in the docs or the example below:

ImageView mImageView;
String url = "http://i.imgur.com/7spzG.png";
mImageView = (ImageView) findViewById(R.id.myImage);
...

// Retrieves an image specified by the URL, displays it in the UI.
ImageRequest request = new ImageRequest(url,
    new Response.Listener<Bitmap>() {
        @Override
        public void onResponse(Bitmap bitmap) {
            mImageView.setImageBitmap(bitmap);
        }
    }, 0, 0, null,
    new Response.ErrorListener() {
        public void onErrorResponse(VolleyError error) {
            mImageView.setImageResource(R.drawable.image_load_error);
        }
    });
// Access the RequestQueue through your singleton class.
MySingleton.getInstance(this).addToRequestQueue(request);

Or you can use NetworkImageView, also part of Volley.

However, be advised that Google has deprecated their own Volley by phasing out Apache, but there is a temp workaround: How to use the legacy Apache HTTP client on Android Marshmallow?

Furthermore, now with P+, if your app uses Google Maps SDK, you will additionally need to add a uses-library/false attribute

But like most people will suggest, if you can, use Picasso http://square.github.io/picasso/ or something newer.

Answer 2

Use this constructor version:

new ImageRequest(url, myResponseListener, maxWidth,
                 maxHeight, scaleType, Config.RGB_565, myErrorListener);

This constructor isn't deprecated in Volley ImageRequest.