Android中Okhttp3實(shí)現(xiàn)上傳多張圖片同時(shí)傳遞參數(shù)
之前上傳圖片都是直接將圖片轉(zhuǎn)化為io流傳給服務(wù)器,沒有用框架傳圖片。
最近做項(xiàng)目,打算換個(gè)方法上傳圖片。
Android發(fā)展到現(xiàn)在,Okhttp顯得越來(lái)越重要,所以,這次我選擇用Okhttp上傳圖片。
Okhttp目前已經(jīng)更新到Okhttp3版本了,用法跟之前相比,也有一些差別。在網(wǎng)上找了很多資料,
并和java后臺(tái)同事反復(fù)調(diào)試,終于成功上傳多張圖片,同時(shí)傳遞一些鍵值對(duì)參數(shù)。
以下是我對(duì)該過程的封裝:
private static final MediaType MEDIA_TYPE_PNG = MediaType.parse("image/png");
/**
* 上傳多張圖片及參數(shù)
* @param reqUrl URL地址
* @param params 參數(shù)
* @param pic_key 上傳圖片的關(guān)鍵字
* @param paths 圖片路徑
*/
public Observable<String> sendMultipart(String reqUrl,Map<String, String> params,String pic_key, List<File> files){
return Observable.create(new Observable.OnSubscribe<String>(){
@Override
public void call(Subscriber<? super String> subscriber) {
MultipartBody.Builder multipartBodyBuilder = new MultipartBody.Builder();
multipartBodyBuilder.setType(MultipartBody.FORM);
//遍歷map中所有參數(shù)到builder
if (params != null){
for (String key : params.keySet()) {
multipartBodyBuilder.addFormDataPart(key, params.get(key));
}
}
//遍歷paths中所有圖片絕對(duì)路徑到builder,并約定key如“upload”作為后臺(tái)接受多張圖片的key
if (files != null){
for (File file : files) {
multipartBodyBuilder.addFormDataPart(pic_key, file.getName(), RequestBody.create(MEDIA_TYPE_PNG, file));
}
}
//構(gòu)建請(qǐng)求體
RequestBody requestBody = multipartBodyBuilder.build();
Request.Builder RequestBuilder = new Request.Builder();
RequestBuilder.url(reqUrl);// 添加URL地址
RequestBuilder.post(requestBody);
Request request = RequestBuilder.build();
mOkHttpClient.newCall(request).enqueue(new Callback() {
@Override
public void onFailure(Call call, IOException e) {
subscriber.onError(e);
subscriber.onCompleted();
call.cancel();
}
@Override
public void onResponse(Call call, Response response) throws IOException {
String str = response.body().string();
subscriber.onNext(str);
subscriber.onCompleted();
call.cancel();
}
});
}
});
}
在UI界面的調(diào)用:
OkHttp3Utils.getInstance().sendMultipart(Constants.URL.URL_ADD_NOTICE, mMap, "appendix", mImageList)
.observeOn(AndroidSchedulers.mainThread())
.subscribeOn(Schedulers.newThread())
.subscribe(new Subscriber<String>() {
@Override
public void onCompleted() {
}
@Override
public void onError(Throwable throwable) {
LogUtil.i(TAG, "throwable:" + throwable.toString());
}
@Override
public void onNext(String s) {
LogUtil.i(TAG, "s:" + s);
}
});
調(diào)試過程中,有一次將 multipartBodyBuilder.addFormDataPart(pic_key, file.getName(), RequestBody.create(MEDIA_TYPE_PNG, file));寫成了 multipartBodyBuilder.addFormDataPart(pic_key, null, RequestBody.create(MEDIA_TYPE_PNG, file));導(dǎo)致后臺(tái)無(wú)法用常規(guī)方法獲取圖片(雖然斷點(diǎn)調(diào)試時(shí)也能看到圖片數(shù)據(jù)),這點(diǎn)需要注意。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
微信小程序使用uni-app和springboot實(shí)現(xiàn)一鍵登錄功能(JWT鑒權(quán))
微信一鍵登錄是指用戶在使用小程序時(shí),可以通過微信賬號(hào)進(jìn)行快速登錄,而無(wú)需額外的注冊(cè)和密碼設(shè)置,這篇文章主要給大家介紹了關(guān)于微信小程序使用uni-app和springboot實(shí)現(xiàn)一鍵登錄功能的相關(guān)資料,需要的朋友可以參考下2023-11-11
前端canvas實(shí)現(xiàn)電子簽約完成線上簽署功能
最近發(fā)現(xiàn)現(xiàn)在租房還是簽合同,越來(lái)越多采用電子簽約的方式進(jìn)行,好處不用多說(shuō)節(jié)約成本,節(jié)約時(shí)間,下面我們來(lái)看看使用canvas實(shí)現(xiàn)電子簽約完成線上簽署功能2025-01-01
JavaScript實(shí)現(xiàn)多欄目切換效果
在網(wǎng)站開發(fā)中尤其是新聞?lì)惥W(wǎng)站,經(jīng)常遇到多欄目切換的設(shè)計(jì),這種效果有很多種實(shí)現(xiàn)效果,現(xiàn)在記錄一種很簡(jiǎn)單的寫法2016-12-12
微信小程序動(dòng)畫(Animation)的實(shí)現(xiàn)及執(zhí)行步驟
這篇文章主要介紹了微信小程序動(dòng)畫(Animation) 的實(shí)現(xiàn)及執(zhí)行步驟,需要的朋友可以參考下2018-10-10
JavaScript中實(shí)現(xiàn)跨標(biāo)簽頁(yè)通信的方法詳解
跨標(biāo)簽頁(yè)通信是指在瀏覽器中的不同標(biāo)簽頁(yè)之間進(jìn)行數(shù)據(jù)傳遞和通信的過程,這篇文章為大家介紹了一下常見的跨標(biāo)簽頁(yè)通信方式,感興趣的小伙伴可以了解下2023-11-11
Bootstrap的fileinput插件實(shí)現(xiàn)多文件上傳的方法
這篇文章主要介紹了Bootstrap的fileinput插件實(shí)現(xiàn)多文件上傳的方法,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-09-09
javascript截取字符串(通過substring實(shí)現(xiàn)并支持中英文混合)
用js方法substring()、方法substr()實(shí)現(xiàn)如標(biāo)題所示的截取字符串并支持中英文混合,具體代碼如下,感興趣的各位可以參考下哈2013-06-06
trackingjs+websocket+百度人臉識(shí)別API實(shí)現(xiàn)人臉簽到
這篇文章主要介為大家詳細(xì)紹了trackingjs+websocket+百度人臉識(shí)別API實(shí)現(xiàn)人臉簽到功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-11-11

