溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
在看了網上多篇rxjava和retrofit的文章后，大概有了一個初步的認識，剛好要做一個多圖上傳的功能，就拿它開刀吧。下面的內容將基于之前實現方式和使用rxjava實現之間的異同展開，初次寫筆記不喜就噴。
普通版多圖上傳
由于目前手機照片動輒幾M的大小，如果不做處理就直接上傳，我就笑笑不說話（給個眼神你自己體會）。所以，上傳分為兩步：對圖片進行壓縮和請求上傳。下面請看偽代碼（PS：自己不會寫后臺，項目后臺不能拿來用，所以只能給偽代碼了）
//圖片集合
List<String> imgs = new ArrayList<>();
//壓縮后的圖片路徑集合
List<String> tmpImgs = new ArrayList<>();
Handler mHandler = new Handler() {
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
//TODO 收到消息后調用網絡請求上傳
}
};
public void compressImages() {
new Thread(new Runnable() {
@Override
public void run() {
for (String path : imgs) {
//TODO 調用壓縮圖片的方法，壓縮后保存在一個臨時文件夾中
tmpImgs.add("壓縮后路徑");
}
mHandler.sendEmptyMessage(0);
}
}).start();
}
看完后是不是覺得很麻煩，好吧可能僅僅是我實現的麻煩而已。都說使用rxjava后邏輯鏈會變得更清晰，就看看是不是這樣，下面請看用rxjava后的偽代碼：
@Multipart
@POST("your address")
Observable<String> uploadImgs(@PartMap Map<String, RequestBody> map, @Part("imgs") MultipartBody body);
//先定義一個請求接口，除了圖片可能還有其他一些參數需要上傳，所以還定義了個map。接下來開始正文：
public void upload() {
final Map<String, RequestBody> map = new HashMap<>();
map.put("userId", RequestBody.create(MediaType.parse("form-data"),"1");
final MultipartBody.Builder builder = new MultipartBody.Builder();
Observable.from(imgs)
.map(new Func1<String, String>() {
@Override
public String call(String path) {
//調用圖片壓縮，返回壓縮后路徑tmp_path
//注意，Filedata是后臺給你的對應的字段
builder.addFormDataPart("Filedata", "avatar.png", RequestBody.create(MultipartBody.FORM, new File(tmp_path)));
return path;
}
}).last()
.flatMap(new Func1<String, Observable<String>>() {
@Override
public Observable<String> call(String path) {
return apiService.uploadImgs(map, builder.build());
}
})
.subscribeOn(Schedulers.io())
.observeOn(AndroidSchedulers.mainThread())
.subscribe(new Subscriber<String>() {
@Override
public void onCompleted() {
}
@Override
public void onError(Throwable e) {
//錯誤處理
}
@Override
public void onNext(String res) {
//成功后處理
}
});
}
黑人問號臉？代碼看起來還是很多啊，你TM在逗我。聽本汪開始胡說八道：
1、首先定義個Map，這個就是用來上傳其他參數用的，為什么value是RequestBody類型的，用String不就可以了嗎，瞎裝什么逼啊。好吧，本汪開始也是這么認為的，結果傳到服務器的值自帶‘'加成，傳個1過去變成了‘1'，正打算一本正經的找后臺談談的，發現自己傳上去的就是這樣（臉紅ing）。然后發現用@part注解的，如果不使用RequestBody，會自動加上‘'，這點至今不知為何，還請懂的小伙伴釋疑。
2、然后是MultipartBody.Builder，顧名思義，能添加多個RequestBody，用來添加多個圖片。好了，小火車要開動了。
3、簡單說下接下來這一大段代碼是干嘛的，當然建立在你已經了解rxjava的from、map、flatmap、last是用來干嘛的基礎上。
a、from會將imgs集合拆分成單個的String發送出去
b、map的作用是在此進行圖片壓縮，并將壓縮后的圖片添加到MultipartBody.Builder，相當于for循環壓縮了圖片。
c、flatmap這里，可謂是成敗再次一舉了。這里有一個轉換，注意map處理后返回的String依然是一個String類型，經過flatmap后將轉化為 Observable<String>，也就是我們圖片上傳后返回的結果。
d、好了，到此為止好像已經達到我們一條鏈下來就實現了圖片上傳的功能了，感覺是要清晰那么一點（如果沒有，那我還TM瞎折騰什么）。哎，別走啊你把last忽略掉是什么鬼。
e、如果不在map后添加last方法，大家可以試一試，保證后臺白眼都要翻到天上去了。由于from一個一個的發送，所以每一個對象都會在flatmap這里調用一次uploadImgs方法，這樣肯定是不行了，加last方法后，只會發送發送從map出來的序列的最后一個對象，這樣就保證在所有圖片都壓縮完成并且加入后MultipartBody.Builder后再調用uploadImgs方法，并且只會調用一次。
以上就是我用rxjava+retrofit做多圖上傳的小筆記，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
