Android okHttp addFormDataPart dynamically for Multiple Image

Hello AndroidUploaders,

I had given answer Uploading a large file in multipart using OkHttp but i am stuck with multiple image uploading.

  • bitmapshader and canvas.scaling android
  • Cannot access localhost from Android device
  • Lifetime of a static variable in Android
  • My ListView backgrounds go black during scrolling - how to fix?
  • How to fix “process is bad” error for an Android Widget?
  • android search: customize suggestion layout
  • I want to upload dynamically 1 to 10 image at a time.

    RequestBody requestBody = new MultipartBuilder()
                        .type(MultipartBuilder.FORM)
                        .addFormDataPart(KEY_PHOTO_CAPTION, photoCaption)
                        .addFormDataPart(KEY_FILE, "profile.png", RequestBody.create(MEDIA_TYPE_PNG, sourceFile))
                        .build();
    

    I have ArrayList of PhotoCaption class which has captionPhoto and urlPhoto so how can i addFormDataPart()

    I am thinking to make loop and call this function that many times of ArrayList size.

    Is there any solution to addFormDataPart() use dynamically?

    Related posts:

    Add padding on view programmatically
    How to send multipart/form-data with Retrofit?
    push notifications with django and GCM
    display view on top of action bar
    How to get Android Local Service instance
    How to make an 'android unlocker' app safer against crackers?
  • Custom cut/copy action bar for EditText that shows text selection handles
  • Repeat drawable in imageview?
  • android studio auto complete: how to display constructors with parameters
  • How To Make Circle Custom Progress Bar in Android
  • Maximum Size of SharedPreferences class
  • Access denied when creating keystore for Android app
  • 2 Solutions collect form web for “Android okHttp addFormDataPart dynamically for Multiple Image”

    This answer is for OkHttp2

    For OkHttp3 You can see this post.

    For multiple image you just need to run the loop as per your requirement, remaining part related to request will be same as you do.

      //  final MediaType MEDIA_TYPE_PNG = MediaType.parse("image/png");
    final MediaType MEDIA_TYPE=MediaType.parse(AppConstant.arrImages.get(i).getMediaType());
    
    //If you can have multiple file types, set it in ArrayList
                        MultipartBuilder buildernew = new MultipartBuilder().type(MultipartBuilder.FORM)
                                .addFormDataPart("title", title)
    
                        for (int i = 0; i < AppConstants.arrImages.size(); i++) {
                            File f = new File(Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES),
                                    TEMP_FILE_NAME + i + ".png");
                            if (f.exists()) {
                                buildernew.addFormDataPart(TEMP_FILE_NAME + i, TEMP_FILE_NAME + i + FILE_EXTENSION, RequestBody.create(MEDIA_TYPE, f));
                            }
                        }
                        RequestBody requestBody = buildernew.build();
                        Request request = new Request.Builder()
                                .url(Url.URL + Url.INSERT_NEWS)
                                .post(requestBody)
                                .build();
    
                        OkHttpClient client = new OkHttpClient();
                        Response response = client.newCall(request).execute();
                        return response.body().string();
    

    Dont forget to delete temp. files that you uploaded if it is of no use.

    Here I have created Function to Upload Multiple Images.

    /**
     * Here I am uploading MultipleImages from List of photoCaption
     * Sending photoCaption with URL and Caption of Photo...
     *
     * @param albumId
     * @param photoCaptions
     * @return
     */
    public static JSONObject uploadAlbumImage(String albumId, ArrayList<PhotoCaption> photoCaptions) {
    
        try {
    
            MultipartBuilder multipartBuilder = new MultipartBuilder().type(MultipartBuilder.FORM);
    
            int length = photoCaptions.size();
            int noOfImageToSend = 0;
            for(int i = 0; i < length; i++) {
                /**
                 * Getting Photo Caption and URL
                 */
                PhotoCaption photoCaptionObj = photoCaptions.get(i);
                String photoUrl = photoCaptionObj.getPhotoUrl();
                String photoCaption = photoCaptionObj.getPhotoCaption();
    
                File sourceFile = new File(photoUrl);
    
                if(sourceFile.exists()) {
                    /** Changing Media Type whether JPEG or PNG **/
                    final MediaType MEDIA_TYPE = MediaType.parse(FileUtils.getExtension(photoUrl).endsWith("png") ? "image/png" : "image/jpeg");
    
                    /** Adding in MultipartBuilder **/
                    multipartBuilder.addFormDataPart(KEY_IMAGE_CAPTION + i, photoCaption);
                    multipartBuilder.addFormDataPart(KEY_IMAGE_NAME + i, sourceFile.getName(), RequestBody.create(MEDIA_TYPE, sourceFile));
    
                    /** Counting No Of Images **/
                    noOfImageToSend++;
                }
            }
    
            RequestBody requestBody = multipartBuilder
                    .addFormDataPart(KEY_ALBUM_ID, albumId)
                    .addFormDataPart(KEY_IMAGE_COUNT, String.valueOf(noOfImageToSend))
                    .build();
    
            Request request = new Request.Builder()
                    .url(URL_ALBUM_UPLOAD_IMAGE)
                    .post(requestBody)
                    .build();
    
            OkHttpClient client = new OkHttpClient();
            Response response = client.newCall(request).execute();
    
            /** Your Response **/
            String responseStr = response.body().string();
    
            Log.i(TAG, "responseStr : "+ responseStr);
    
            return new JSONObject(responseStr);
    
        } catch (UnknownHostException | UnsupportedEncodingException e) {
            Log.e(TAG, "Error: " + e.getLocalizedMessage());
        } catch (Exception e) {
            Log.e(TAG, "Other Error: " + e.getLocalizedMessage());
        }
        return null;
    }
    

    I hope it will helps you.

    Android Babe is a Google Android Fan, All about Android Phones, Android Wear, Android Dev and Android Games Apps and so on.