Làm cách nào để gửi nhiều dữ liệu/biểu mẫu với Retrofit?

Question

Tôi muốn gửi Điều từ và Android ứng dụng khách đến máy chủ REST. Đây là Python mô hình từ máy chủ:

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

Giao diện sau đây mô tả việc thực hiện trước đây:

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

Bây giờ tôi muốn gửi một hình ảnh với Điều dữ liệu. photo không phải là một phần của mô hình Điều trên máy khách Android của khách hàng.

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

API được chuẩn bị và thử nghiệm thành công với cURL.

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

Khi tôi gửi dữ liệu thông qua createArticle() từ Android client tôi nhận được một tình trạng HTTP 400 nói rằng các lĩnh vực được yêu cầu/thiếu.

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 

Đây là những gì được nhận như request.data ở phía máy chủ:

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

Làm thế nào có thể chuyển đổi các Điều đối tượng trong một nhiều phần dữ liệu phù hợp với kiểu dữ liệu? Tôi đọc rằng Retrofit có thể cho phép sử dụng Converters cho việc này. Nó phải là một cái gì đó mà thực hiện một retrofit.mime.TypedOutput theo như tôi hiểu cho documentation.

Bộ phận đa phần sử dụng bộ chuyển đổi RestAdapter hoặc có thể triển khai TypedOutput để xử lý tuần tự của riêng chúng.

liên quan

• HTML 4.01 Specification - Form submission - multipart/form-data
• Retrofit Annotation Type Part documentation
• Upload multipart image data in JSON with Retrofit?
• REST - HTTP Post Multipart with JSON
• Retrofit Multipart Upload Image failed
• Retrofit issue #178: Create manual for sending files with retrofit
• Retrofit issue #531: Problem uploading file via POST/Multipart
• Retrofit issue #658: Not able to send string parameters with image when using Multipart
• Retrofit issue #662: Retrofit Form Encoded and Multipart in single request

Answer 1

Theo yêu cầu curl của bạn, bạn đang cố gắng để tạo ra smth như thế này:

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-- 

Với bộ chuyển đổi trang bị thêm yêu cầu này có thể được tạo ra theo cách tiếp :

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

Cách sử dụng:

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(<...>); 

nào tạo ra tương tự:

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-- 

Sự khác biệt chính ở đây là bạn sử dụng POJO Article article như param nhiều phần dữ liệu, mà theo mặc định được chuyển đổi bởi Converter vào json. Và máy chủ của bạn mong muốn chuỗi đơn giản thay thế. Với curl bạn đang gửi cURL, không phải {"author":"cURL"}.

Answer 2

Máy chủ dự kiến ​​chuỗi "tác giả" nhưng bạn đang cố truyền cho nó một đối tượng "bài viết". Vượt qua nó "String author" thay vì "Article article".

Ngoài ra, tôi cho rằng lỗi "không có tệp được gửi" là một trích dẫn màu đỏ vì tệp có mặt rõ ràng trong "request.data" của bạn.