Android volley upload image

Question

I am making an app and i have to upload an image using Volley. I tried to google, but didn't find something similar. How to do a multi-part upload of an image and add parameters like user_id when posting this image using Volley?

Using Retrofit is not an option in my case.

Yes using volley:Try this http://stackoverflow.com/a/29430765/5275436 — Govinda P, Mar 04 '16 at 12:19

score 0 · Answer 1 · answered Mar 04 '16 at 12:23

First of all create a file MultipartRequest as follows:

public class MultipartRequest extends Request<String> {
private MultipartEntityBuilder entity = MultipartEntityBuilder.create();
private final Response.Listener<String> mListener;
private final File file;
private final HashMap<String, String> params;

public MultipartRequest(String url, Response.Listener<String> listener, Response.ErrorListener errorListener, File file, HashMap<String, String> params)
{
    super(Method.POST, url, errorListener);

    mListener = listener;
    this.file = file;
    this.params = params;
    buildMultipartEntity();
    buildMultipartEntity2();

}



private void buildMultipartEntity()
{
    entity.addBinaryBody(KEY_IMAGE, file, ContentType.create("image/jpeg"), file.getName());
    entity.setMode(HttpMultipartMode.BROWSER_COMPATIBLE);
    entity.setLaxMode().setBoundary("xx").setCharset(Charset.forName("UTF-8"));

    try
    {
        for ( String key : params.keySet() ) {
            entity.addPart(key, new StringBody(params.get(key)));
        }
    }
    catch (UnsupportedEncodingException e)
    {
        VolleyLog.e("UnsupportedEncodingException");
    }
}

@Override
public String getBodyContentType()
{
    return entity.build().getContentType().getValue();
}
@Override
public Map<String, String> getHeaders() throws AuthFailureError {
    Map<String, String> headers = super.getHeaders();

    if (headers == null
            || headers.equals(Collections.emptyMap())) {
        headers = new HashMap<String, String>();
    }

    headers.put("Accept", "application/json");

    return headers;
}

@Override
public byte[] getBody() throws AuthFailureError
{
    ByteArrayOutputStream bos = new ByteArrayOutputStream();
    try
    {
        entity.build().writeTo(bos);
    }
    catch (IOException e)
    {
        VolleyLog.e("IOException writing to ByteArrayOutputStream");
    }
    return bos.toByteArray();
}
/**
 * copied from Android StringRequest class
 */
@Override
protected Response<String> parseNetworkResponse(NetworkResponse response) {
    String parsed;
    try {
        parsed = new String(response.data, HttpHeaderParser.parseCharset(response.headers));
    } catch (UnsupportedEncodingException e) {
        parsed = new String(response.data);
    }
    return Response.success(parsed, HttpHeaderParser.parseCacheHeaders(response));
}

@Override
protected void deliverResponse(String response) {
    mListener.onResponse(response);
}}

In your activity just make Multipart Request as follows:

 public void uploadImage()
{
    try {
        pDialog = new ProgressDialog(getActivity());
        pDialog.setMessage("Loading...");
        pDialog.show();

           HashMap params = new HashMap<String, String>();

            params.put(KEY_NAME, name);
        MultipartRequest sr = new MultipartRequest( UPLOAD_URL, new Response.Listener<String>() {

            @Override
            public void onResponse(String response) {
                if ((pDialog != null) && pDialog.isShowing()) {
                    pDialog.dismiss();
                }
                Log.d("file", f + "");
                Log.d("", ".......response====" + response.toString());

                ////////
                try {
                    JSONObject object = new JSONObject(response);
                    String serverCode = object.getString("code");
                    if (serverCode.equalsIgnoreCase("0")) {

                    }
                    if (serverCode.equalsIgnoreCase("1")) {
                        try {

                            if ("1".equals(serverCode)) {
                                JSONObject object1 = object.getJSONObject("data");

                            }
                        }

score 0 · Answer 2 · answered Mar 04 '16 at 12:42

Using Retrofit 2:

You need to use OkHttp’s RequestBody class and encapsulate your file into a request body (means your userid).
1) create interface

public interface FileUploadService {  
    @Multipart
    @POST("/upload")
    Call<String> upload(
            @Part("myfile\"; filename=\"image.png\" ") RequestBody file,
            @Part("userid") RequestBody userid);
}

2) code in activity:

 FileUploadService service =
            ServiceGenerator.createService(FileUploadService.class);

    String userid = "your_userid";
    RequestBody data =
            RequestBody.create(MediaType.parse("multipart/form-data"), userid);

    File file = new File("path/to/your/file");
    RequestBody requestBody =
            RequestBody.create(MediaType.parse("multipart/form-data"), file);

    Call<String> call = service.upload(requestBody, data);
    call.enqueue(new Callback<String>() {
        @Override
        public void onResponse(Call<String> call, Response<String> response) {
            Log.v("Upload", "success");
        }

        @Override
        public void onFailure(Call<String> call, Throwable t) {
            Log.e("Upload", t.getMessage());
        }
    });

Refer link: https://futurestud.io/blog/retrofit-2-how-to-upload-files-to-server

Android volley upload image

2 Answers2