How to upload image with Retrofit Android?

Question

I have a function to request upload image with Retrofit like this

void uploadPhoto(File file) {
    RequestBody photo = RequestBody.create(MediaType.parse("application/image"), file);
    RequestBody body = new MultipartBuilder()
            .type(MultipartBuilder.FORM)
            .addFormDataPart("photo", file.getName(), photo)
            .build();

    fragment.showProgressDialog(fragment.loading);
    fragment.getApi().uploadPhoto(PrefHelper.getString(PrefKey.TOKEN), body)
            .observeOn(AndroidSchedulers.mainThread())
            .subscribeOn(Schedulers.io())
            .subscribe(new Observer<GenericResponse>() {
                @Override
                public void onCompleted() {

                }

                @Override
                public void onError(Throwable e) {
                    fragment.dismissProgressDialog();
                    Timber.e(e.getMessage());
                }

                @Override
                public void onNext(GenericResponse response) {
                    fragment.dismissProgressDialog();

                    if (response.getCode() == 1) {
                        fragment.showSuccessDialog("Saving success", false);
                        userInfo();
                    }

                }
            });
}

and for the example, I have a button to upload image in my fragment

  @OnClick(R.id.btnChangePicture)
    void onChangePictureClicked() {

}

What code should i put in

OnChangePictureClicked

So i can choose an image from gallery and then I request it to API.

void uploadPhoto(File file)

Thanks

So you were got problem about getting image source or uploading to server? — Harry T., Feb 20 '17 at 06:54
Can you provide more information about what source did you trying to take? Like gallery or camera or something..? — Harry T., Feb 20 '17 at 06:58
I want to take an image from my gallery. and getting that image from gallery to upload it to server @TruongHieu — Pandu Abbiyuarsyah, Feb 20 '17 at 07:00

MGDiez · Accepted Answer · 2017-02-23T08:19:04.583

1

Transform your image to an array of bytes and then create an Object Dto like the example below and send it to the server through Retrofit.

@Data
public class SetProfileImageRequestDto {
    @SerializedName("Token")
    private String token;

    @SerializedName("Stream")
    private byte[] image;

}

Retrofit Api Service:

    @POST("SetProfileImage/")
    Observable<ResultResponseDto> setProfileImage(@Body SetProfileImageRequestDto profileImageRequestDto);

Hope it works.

edited Feb 23 '17 at 08:19

answered Feb 22 '17 at 09:31

MGDiez

111
1
9

how to get the image from gallery? how to get the image file or data that i want to send it to the server? – Pandu Abbiyuarsyah Feb 22 '17 at 09:42
Your Intent ACTION_PICK will return an Uri, then check this: http://stackoverflow.com/questions/10296734/image-uri-to-bytesarray – MGDiez Feb 22 '17 at 09:45

score 0 · Answer 2 · answered Feb 20 '17 at 07:11

Create a Uri object in Activity or fragment.

private Uri selectedImage;

After that, You will get gallery result in onActivityResult.

     @Override
            protected void onActivityResult(int requestCode, int resultCode, Intent data) {
                super.onActivityResult(requestCode, resultCode, data);
                if (requestCode == RESULT_LOAD_IMAGE && resultCode == RESULT_OK && null != data) {
                   selectedImage = data.getData();
                }
            }

Then in your onChangePictureClicked method.

    @OnClick(R.id.btnChangePicture)
        void onChangePictureClicked() {
           if(selectedImage !=null){
             uploadPhoto(new File(selectedImage.getPath()));
           }
        }

score 0 · Answer 3 · answered Feb 20 '17 at 07:25

You can use multipart with retrofit please look this example of image upload using retrofit, its best for you.

its working for me.

//Create Upload Server Client
        ApiService service = RetroClient.getApiService();

        //File creating from selected URL
        File file = new File(imagePath);

        // create RequestBody instance from file
        RequestBody requestFile = RequestBody.create(MediaType.parse("multipart/form-data"), file);

        MultipartBody.Part body =
                MultipartBody.Part.createFormData("uploaded_file", file.getName(), requestFile);

        Call<Result> resultCall = service.uploadImage(body);

        resultCall.enqueue(new Callback<Result>() {
            @Override
            public void onResponse(Call<Result> call, Response<Result> response) {

                progressDialog.dismiss();

                // Response Success or Fail
                if (response.isSuccessful()) {
                    if (response.body().getResult().equals("success"))
                        Snackbar.make(parentView, R.string.string_upload_success, Snackbar.LENGTH_LONG).show();
                    else
                        Snackbar.make(parentView, R.string.string_upload_fail, Snackbar.LENGTH_LONG).show();

                } else {
                    Snackbar.make(parentView, R.string.string_upload_fail, Snackbar.LENGTH_LONG).show();
                }

                /**
                 * Update Views
                 */
                imagePath = "";
                textView.setVisibility(View.VISIBLE);
                imageView.setVisibility(View.INVISIBLE);
            }

            @Override
            public void onFailure(Call<Result> call, Throwable t) {
                progressDialog.dismiss();
            }
        });

http://www.pratikbutani.com/2016/06/android-upload-image-file-using-retrofit-2-0/

any example with Rx Java Observable? – Pandu Abbiyuarsyah Feb 22 '17 at 09:39 — Pandu Abbiyuarsyah, Feb 22 '17 at 09:39

How to upload image with Retrofit Android?

3 Answers3

Linked