web-dev-qa-db-fra.com

Retrofit @body avec @multipart ayant un problème

Image en plusieurs parties dans un objet de type classe.

cas 1. (que j'avais fait)

Paramètres de service:

{"id":"1","name":"vishal","image/file":""} 

A cette époque, ma API de Retrofit

@Multipart
@POST("webservice")
Call<SignUpResp> loadSignupMultipart(@Part("description") RequestBody description, @Part MultipartBody.Part file, @QueryMap HashMap<String, String> params);

cas 2. (où j'ai un problème) avec @Body class<UploadwithImage>

{
    "methodName":"submitLevel1Part2Icon",
    "userid":"150",
    "headerData":{
        "fiction":{
            "icon_type":"1",
            "icon_id":"3"},
        "nonfiction":{
            "icon_type":"2",
            "icon_id":"4"},
        "relation":{
            "icon_type":"3",
            "icon_id":"0",
            "name":"Ronak",
            "relative_image":"<File>",
            "relation_id":"3"},
        "self":{
            "icon_type":"4",
            "icon_id":"0"}
    }
}

J'essaie cette API

 @Multipart
 @POST("webservice")
 Call<SubmitLevel1Part2IconResp> loadLevel1halfIconswithImage(@Part("description") RequestBody description, @Part MultipartBody.Part file, @Body UploadwithImage uploadImage);

Côté Java

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

     // MultipartBody.Part is used to send also the actual filename
     MultipartBody.Part body =  MultipartBody.Part.createFormData("methodName[headerData][relation][relative_image]", fileUpload.getName(), requestFile);

     // add another part within the multipart request
     String descriptionString = "hello, this is description speaking";
     RequestBody description = RequestBody.create(MediaType.parse("multipart/form-data"), descriptionString);

    call = service.loadLevel1halfIconswithImage(description, body, levelOneHalfIcons);

Je ne sais pas pourquoi mais cela retourne une erreur comme:

"Les paramètres @Body ne peuvent pas être utilisés avec le codage de formulaire ou en plusieurs parties"

Toute aide serait appréciée.

7
Vishal Patel

Changez votre méthode pour 

@Multipart
@POST("users/{id}/user_photos")
Call<models.UploadResponse> uploadPhoto(@Path("id") int userId, @PartMap Map<String, RequestBody> params);

Maintenant, pour créer vos paramètres de requête, 

//All the String parameters, you have to put like
Map<String, RequestBody> map = new HashMap<>();
map.put("methodName", toRequestBody(methodName));
map.put("userid", toRequestBody(userId));
map.put("relation", toRequestBody(relation));
map.put("icon_type", toRequestBody(iconType));
map.put("icon_id", toRequestBody(iconId));
map.put("name", toRequestBody(name));
map.put("relation_id", toRequestBody(relationId));

//To put your image file you have to do
File file = new File("file_name");
RequestBody fileBody = RequestBody.create(MediaType.parse("image/png"), file);
map.put("relative_image\"; filename=\"some_file_name.png\"", fileBody);

// This method  converts String to RequestBody
public static RequestBody toRequestBody (String value) {
    RequestBody body = RequestBody.create(MediaType.parse("text/plain"), value);
    return body ;
}

//To send your request
call = service.loadLevel1halfIconswithImage(description, params);

Si vous ne souhaitez pas utiliser PartMap, vous pouvez simplement les transmettre en tant que paramètres. Vérifiez ma réponse https://stackoverflow.com/a/37052548/1320616 pour obtenir un indice sur l'envoi d'un fichier image avec une demande. 

7
Ankit Aggarwal

De manière simple, j'ai fait comme ça:

J'ai testé en changeant 

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

à 

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

Result.Java classe (Response) de mon API:

public class Result {

    @SerializedName("result")
    @Expose
    private String result;

    public String getValue() {
        return value;
    }

    public void setValue(String value) {
        this.value = value;
    }

    @SerializedName("value")
    @Expose
    private String value;

    /**
     * @return The result
     */
    public String getResult() {
        return result;
    }

    /**
     * @param result The result
     */
    public void setResult(String result) {
        this.result = result;
    }

}

et créé un objet comme:

Result result = new Result();
result.setResult("success");
result.setValue("my value");

Vous pouvez modifier votre classe selon vos besoins, puis transmettre un objet lorsque vous envoyez une demande. Ainsi, votre classe ApiService ressemblera à:

ApiService.Java

/**
 * @author Pratik Butani on 23/4/16.
 */
public interface ApiService {

    /*
    Retrofit get annotation with our URL
    And our method that will return us the List of Contacts
    */
    @Multipart
    @POST("upload.php")
    Call<Result> uploadImage(@Part MultipartBody.Part file, @Part("result") Result result);

}

et mon code PHP est:

<?php

    $file_path = "";
    $var = $_POST['result']; //here I m getting JSON

    $file_path = $file_path . basename( $_FILES['uploaded_file']['name']);
    if(move_uploaded_file($_FILES['uploaded_file']['tmp_name'], $file_path)) {
        $result = array("result" => "success", "value" => $var);
    } else{
        $result = array("result" => "error");
    }

    echo json_encode($result);

?>

J'espère que ça vous aidera. Je vous remercie.

7
Pratik Butani

Nous pouvons ajouter tous les paramètres de requête dans le générateur de corps multi-parties avec le type spécifié, comme ci-dessous, un fichier image. J'ai défini le type de support parse multipart/form-data et un autre paramètre. J'ai défini le type de support parse text/plain. Ce générateur construit pour créer un corps en plusieurs parties et peut envoyer en utilisant une annotation de corps dans un corps en plusieurs parties.

@Multipart
@POST("user/update")
Call<ResponseBody> addDocument(@@Part MultipartBody file);


final MultipartBody.Builder requestBodyBuilder = new MultipartBody.Builder()
      .setType(MultipartBody.FORM);

requestBodyBuilder.addFormDataPart("doc_image_file", imageFile.getName(),
      RequestBody.create(MediaType.parse("multipart/form-data"), imageFile));
requestBodyBuilder.addFormDataPart("user_id", null, RequestBody.create(MediaType.parse("text/plain"),"12"));
requestBodyBuilder.addFormDataPart("doc_name", null, RequestBody.create(MediaType.parse("text/plain"),"myfile"));
requestBodyBuilder.addFormDataPart("doc_category", null, RequestBody.create(MediaType.parse("text/plain"),category));
requestBodyBuilder.addFormDataPart("doc_image_file", imageFile.getName(),RequestBody.create(MediaType.parse("multipart/form-data"),imageFile));
requestBodyBuilder.addFormDataPart("doc_text_content", null, RequestBody.create(MediaType.parse("text/plain"),body));
RequestBody multipartBody = requestBodyBuilder.build();

1
user4042384

Vous pouvez également utiliser une variable Map avec RequestBody comme valeur et une chaîne comme clé pour ajouter des paramètres. Vous pouvez également l'envoyer à l'aide de Multipart et de PartMap

Vérifiez le code suivant, espérons que cela vous aidera:

@Multipart
@POST("/add")
Call<ResponseBody> addDocument(@PartMap Map<String,RequestBody> params);

Map<String, RequestBody> map = new HashMap<>();

map.put("user_id", RequestBody.create(MediaType.parse("multipart/form-data"), SessionManager.getInstance().getCurrentUserId()));
map.put("doc_name", RequestBody.create(MediaType.parse("multipart/form-data"), CommonUtils.removeExtension(textFile.getName())));
map.put("doc_category", RequestBody.create(MediaType.parse("multipart/form-data"), category));
map.put("doc_image_file", RequestBody.create(MediaType.parse("multipart/form-data"), imageFile));
map.put("doc_text_content", RequestBody.create(MediaType.parse("multipart/form-data"), body));
map.put("doc_update_time", RequestBody.create(MediaType.parse("multipart/form-data"), "" + new Date(textFile.lastModified())));
1
user4042384

Il suffit de suivre comment le navigateur Web fonctionne en plusieurs parties. Ils ont mis des clés imbriquées dans "[]" et ont également donné la clé aux images.

Call<SubmitLevel1Part2IconResp> loadLevel1halfIconswithImage(@Part("headerdata[relation][icon_type]") RequestBody icon_type, @Part("headerdata[relation][name]") RequestBody name, @Part MultipartBody.Part file);

Et puis en Java

 // MultipartBody.Part is used to send also the actual filename
 MultipartBody.Part body =  MultipartBody.Part.createFormData("headerdata[relation][relative_image]", fileUpload.getName(), requestFile);



call = service.loadLevel1halfIconswithImage(icon_type, name, body);
0
andylee

https://www.linkedin.com/Pulse/retrofit-2-how-upload-multiple-files-server-mahesh-gawale

Je suppose que la meilleure réponse à cette question peut être trouvée ici. Cela a fonctionné parfaitement pour moi.

Ceci est l'exemple du téléchargement d'un tableau de fichiers à l'aide de retrofit dans Android.

Voici à quoi ressemblera le service Interface publique ApiService {

@POST("/event/store")
Call<ResModel> event_store(@Body RequestBody file);

} Voici à quoi ressemble la classe Client Public class ApiClient { public static final String API_BASE_URL = "URL de base de l'API";

private static OkHttpClient.Builder httpClient = new OkHttpClient.Builder();

private static Retrofit.Builder builder = new Retrofit.Builder().baseUrl(API_BASE_URL).addConverterFactory(GsonConverterFactory.create());

public static ApiService createService(Class<ApiService> serviceClass)
{
    Retrofit retrofit = builder.client(httpClient.build()).build();
    return retrofit.create(serviceClass);
}

} Téléchargez comme ceci en activité ou fragment ou où vous voulez ApiService service = ApiClient.createService (ApiService.class);

MultipartBody.Builder builder = new MultipartBody.Builder();
builder.setType(MultipartBody.FORM);


builder.addFormDataPart("event_name", "xyz");
builder.addFormDataPart("desc", "Lorem ipsum");

// Single Image
builder.addFormDataPart("files",file1.getName(),RequestBody.create(MediaType.parse("image/*"), file1));

// Multiple Images 
for (int i = 0; i <filePaths.size() ; i++) {
        File file = new File(filePaths.get(i));
        RequestBody requestImage = RequestBody.create(MediaType.parse("multipart/form-data"), file);
        builder.addFormDataPart("event_images[]", file.getName(), RequestBody.create(MediaType.parse("multipart/form-data"), file));
        }


MultipartBody requestBody = builder.build();
Call<ResModel> call = service.event_store(requestBody);
call.enqueue(new Callback<ResponseBody>() {
     @Override
     public void onResponse(Call<ResponseBody> call, Response<ResponseBody> response) {
         Toast.makeText(getBaseContext(),"All fine",Toast.LENGTH_SHORT).show();
     }

     @Override
     public void onFailure(Call<ResponseBody> call, Throwable t) {
        Toast.makeText(getBaseContext(),t.getMessage(),Toast.LENGTH_SHORT).show();
     }
 });

Note: filePaths.size () est Arraylist of pickup Images Path . J'espère que ce post vous sera utile. veuillez partager vos commentaires en tant que commentaire ici.

0
sahan.perera
Here is my json request format is :
{
"task":{
"category_id":"1",
"price":"10",
"description":"1",
"task_videos_attributes":[
{
"link":"video file goes here",
"size":"100x100"
}
]
}
}



// my request becomes 
 HashMap<String, RequestBody> task = new HashMap();          
  task.put("task[category_id]", createPartFromString(categoryId));
  task.put("task[price]", createPartFromString("" + etPrice.getText().toString()));
            task.put("task[description]", createPartFromString("" + etDescription.getText().toString()));


// for videos file list
  final List<MultipartBody.Part> body = new ArrayList<>();
  for (int i = 0; i < videos.size(); i++) {

 task.put("task[task_videos_attributes][" + i+ "][size]", createPartFromString("100x100"));

 File videoFile = new File(videos.get(i));
                        RequestBody requestBody = RequestBody.create(MediaType.parse("video/mp4"), videoFile);
                        MultipartBody.Part fileToUpload = MultipartBody.Part.createFormData("task[task_videos_attributes][" + i + "][link]", videoFile.getName(), requestBody);
                        body.add(fileToUpload);

}


// here is a final call
  new RestClient(this).getInstance().get().postTask(body, task).enqueue(callback);




// This function converts my string to request body
   @NonNull
    private RequestBody createPartFromString(String descriptionString) {
        if (descriptionString == null)
            return RequestBody.create(MultipartBody.FORM, "");
        return RequestBody.create(
                MultipartBody.FORM, descriptionString);

    }

J'espère que cela vous aide ...

0
Jatin