How to fetch images from database and display them in listview?

Question

I trying to fetch data from a .net web service. I am getting json response like this . But I am unable fetch the image and set it to image view. Coding I have done is as below. Give the solution

public class DisplayList extends ListActivity {

    private static final String TAG_CATEGORY = "main_name";
    private static final String TAG_SUBCAT = "cat_name";
    private static final String TAG_CODE = "code";
    private static final String TAG_NAME = "name";
    private static final String TAG_RATE = "rate";
    private static final String TAG_RATE2 = "rate2";
    private static final String TAG_RATE3 = "rate3";
    private static final String TAG_IMAGE = "img";

    ArrayList<DetailsVO> mListCustomerDetails = null;
    ArrayList<HashMap<String, String>> productlist;

    String subc;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_display_list);

        productlist = new ArrayList<HashMap<String, String>>();

        Bundle extras = getIntent().getExtras();
        if (extras != null) {
            subc = extras.getString("Subcat");
        }

        new AsyncCallSoap1().execute();
        productlist.clear();
    }

    public class AsyncCallSoap1 extends AsyncTask<String,Void,String> {
        private final ProgressDialog dialog=new ProgressDialog(DisplayList.this);

        //String tal_on=taluka.getText().toString();

        @Override
        protected String doInBackground(String... params) {
            CallSoap com=new CallSoap();
            String SOAP_ACTION="http://tempuri.org/IprotechService/SelectSuCatgeory";
            String OPERATION_NAME="SelectSuCatgeory";
            String response = com.getDetails(OPERATION_NAME,SOAP_ACTION);

            if(response!=null){
                try {

                    JSONArray array1 = new JSONArray(response);

                    for(int i=0;i<array1.length();i++)
                    {
                        JSONObject obj1 = array1.getJSONObject(i);
                        String out_category = obj1.getString(TAG_CATEGORY);
                        String out_subcat = obj1.getString(TAG_SUBCAT);
                        String out_code = obj1.getString(TAG_CODE);
                        String out_name = obj1.getString(TAG_NAME);
                        String out_rate = obj1.getString(TAG_RATE);
                        String out_rate2 = obj1.getString(TAG_RATE2);
                        String out_rate3 = obj1.getString(TAG_RATE3);
                        String out_img = obj1.getString(TAG_IMAGE);
                        // Toast.makeText(DetailsList.this, categoryId, Toast.LENGTH_LONG).show();

                        if(subc.equalsIgnoreCase(out_subcat)){
                            HashMap<String, String> details = new HashMap<String, String>();
                            details.put(TAG_NAME,out_name);
                            details.put(TAG_RATE,"Rs. "+out_rate);
                            details.put(TAG_IMAGE,out_img);

                            productlist.add(details);
                        }
                    }
                } catch (JSONException e) {
                    e.printStackTrace();
                }
            }
            return response;
        }

        @Override
        protected void onPreExecute() {
            super.onPreExecute();
            //Showing progress dialog
            dialog.setMessage("Please wait...");
            dialog.setCancelable(false);
            dialog.show();
        }

        @Override
        protected void onPostExecute(String result) {
            super.onPostExecute(result);
            dialog.dismiss();

            ListAdapter adapter = new SimpleAdapter(
                    DisplayList.this, productlist,
                    R.layout.row_layout, new String[] {TAG_IMAGE, TAG_NAME, TAG_RATE,},
                    new int[] { R.id.imageView2,R.id.textView2,
                            R.id.textView3});

            // contactList.notifyDataSetChanged();
            setListAdapter(adapter);
        }
    }
}

Answer 1

You should ask the backend guy what is the root folder of the images.

it should look like this : " http://domain.com/images/ "

then you will just concat the image name:

String image_name = "toy.png"
String image_url = "http://domain.com/images/"+image_name;

then use picasso or other way of loading image to your image view :

Picasso.with(context)
  .load(image_url)
  .resize(50, 50)
  .centerCrop()
  .into(imageView)

Answer 2

for displaying image in imageview in android first compile glide into your gradle.

compile 'com.github.bumptech.glide:glide:3.7.0'

then in your adapter getView method get image from url like this.

ImageView imageView = (ImageView) itemView.findViewById(R.id.imageView);
GlideDrawableImageViewTarget imageViewTarget = new GlideDrawableImageViewTarget(imageView);
Glide.with(mContext).load(url).placeholder(R.raw.loading).error( R.drawable.nophoto ).into(imageViewTarget);

Answer 3

1. If you have image as byteArray in your database means,

   • Receive that byteArray , then convert it to bitmap. using,

      Bitmap bitmap = BitmapFactory.decodeByteArray(byteArray , 0, byteArray.length); 

2. If you have image as an url means , you ca use some libraries as,

   • Picasso
   • Glide
   • Android-Universal-Image-Loader
   • Fresco

this may helps you.