Подтвердить что ты не робот

Как отправить multipart/form-data с помощью Retrofit?

Я хочу отправить статью и клиент Android на сервер REST. Вот модель Python с сервера:

class Article(models.Model):
    author = models.CharField(max_length=256, blank=False)
    photo = models.ImageField()

Следующий интерфейс описывает предыдущую реализацию:

@POST("/api/v1/articles/")
public Observable<CreateArticleResponse> createArticle(
        @Body Article article
);

Теперь я хочу отправить изображение с данными Статьи. photo не является частью модели статьи на клиенте Android.

@Multipart
@POST("/api/v1/articles/")
public Observable<CreateArticleResponse> createArticle(
        @Part("article") Article article,
        @Part("photo") TypedFile photo
);

API подготовлен и успешно протестирован с помощью cURL.

$ curl -vX POST http://localhost:8000/api/v1/articles/ \
    -H "Content-Type: multipart/form-data" \
    -H "Accept:application/json" \
    -F "author=cURL" \
    -F "[email protected]/home/user/Desktop/article-photo.png"

Когда я отправляю данные через createArticle() из клиента Android, я получаю статус HTTP 400, указывающий, что поля обязательны/отсутствуют.

D  <--- HTTP 400 http://192.168.1.1/articles/ (2670ms)
D  Date: Mon, 20 Apr 2015 12:00:00 GMT
D  Server: WSGIServer/0.1 Python/2.7.8
D  Vary: Accept, Cookie
D  X-Frame-Options: SAMEORIGIN
D  Content-Type: application/json
D  Allow: GET, POST, HEAD, OPTIONS
D  OkHttp-Selected-Protocol: http/1.0
D  OkHttp-Sent-Millis: 1429545450469
D  OkHttp-Received-Millis: 1429545453120
D  {"author":["This field is required."],"photo":["No file was submitted."]}
D  <--- END HTTP (166-byte body)
E  400 BAD REQUEST

Это то, что получено как request.data на стороне сервера:

ipdb> print request.data  
  <QueryDict: {u'article': [u'{"author":"me"}'], \
  u'photo': [<TemporaryUploadedFile: IMG_1759215522.jpg \
  (multipart/form-data)>]}>

Как преобразовать объект Article в тип данных, совместимый с multipart? Я читал, что Retrofit может позволить использовать Converters для этого. Это должно быть то, что реализует retrofit.mime.TypedOutput, насколько я понял для документации.

Многостраничные части используют преобразователь RestAdapter, или они могут реализовать TypedOutput для обработки своей собственной сериализации.

Связанные

4b9b3361

Ответ 1

В соответствии с вашим запросом curl вы пытаетесь создать smth следующим образом:

POST http://localhost:8000/api/v1/articles/ HTTP/1.1
User-Agent: curl/7.30.0
Host: localhost
Connection: Keep-Alive
Accept: application/json
Content-Length: 183431
Expect: 100-continue
Content-Type: multipart/form-data; boundary=----------------------------23473c7acabb

------------------------------23473c7acabb
Content-Disposition: form-data; name="author"

cURL
------------------------------23473c7acabb
Content-Disposition: form-data; name="photo"; filename="article-photo.png"
Content-Type: application/octet-stream

‰PNG

<!RAW BYTES HERE!>

M\UUÕ+4qUUU¯°WUUU¿×ß¿þ Naa…k¿    IEND®B`‚
------------------------------23473c7acabb--

С адаптером для дооснащения этот запрос может быть создан следующим образом:

@Multipart
@POST("/api/v1/articles/")
Observable<Response> uploadFile(@Part("author") TypedString authorString,
                                @Part("photo") TypedFile photoFile);

Использование:

TypedString author = new TypedString("cURL");
File photoFile = new File("/home/user/Desktop/article-photo.png");
TypedFile photoTypedFile = new TypedFile("image/*", photoFile);
retrofitAdapter.uploadFile(author, photoTypedFile)
               .subscribe(<...>);

Что создает аналогичный вывод:

POST http://localhost:8000/api/v1/articles/ HTTP/1.1
Content-Type: multipart/form-data; boundary=32230279-83af-4480-abfc-88a880b21b19
Content-Length: 709
Host: localhost
Connection: Keep-Alive
Accept-Encoding: gzip
User-Agent: okhttp/2.3.0

--32230279-83af-4480-abfc-88a880b21b19
Content-Disposition: form-data; name="author"
Content-Type: text/plain; charset=UTF-8
Content-Length: 4
Content-Transfer-Encoding: binary

cUrl
--32230279-83af-4480-abfc-88a880b21b19
Content-Disposition: form-data; name="photo"; filename="article-photo.png"
Content-Type: image/*
Content-Length: 254
Content-Transfer-Encoding: binary

<!RAW BYTES HERE!>

--32230279-83af-4480-abfc-88a880b21b19--

Основное различие заключается в том, что вы использовали POJO Article article как multipart param, который по умолчанию преобразуется Converter в json. И ваш сервер ожидает вместо этого простой строки. С помощью curl вы отправляете cURL, а не {"author":"cURL"}.

Ответ 2

Сервер ожидает строку "автор", но вы пытаетесь передать ей объект "статья". Передайте его "String author" вместо "Article article."

Кроме того, я думаю, что ошибка "без файла" - это красная селедка, потому что файл явно присутствует в ваших "request.data".