cordova-file-transfer上傳頭像視頻教程: http://www.jikexueyuan.com/course/1511_2.html
官網(wǎng)API: http://cordova.apache.org/docs/en/latest/reference/cordova-plugin-camera/index.html
手機(jī)抓包詳細(xì)教程: http://www.cr173.com/html/37625_1.html
上傳頭像用到cordova兩個(gè)插件:
1、調(diào)用cordova-camera 獲取相機(jī)或者相冊(cè)圖片煎楣,參數(shù)設(shè)置如下,其中allowEdit:true,可以裁剪圖片。
選擇完圖片后骑晶,會(huì)初始化之前的頁(yè)面昆淡,此時(shí)要注意數(shù)據(jù)不能丟失。
2儒拂、獲得圖片地址后,調(diào)用cordova-file-transfer 上傳圖片的文件色鸳。參數(shù)分別為:圖片地址社痛,服務(wù)器URL加所需參數(shù),成功回調(diào)命雀,失敗回調(diào)蒜哀,和option。
遇到兩個(gè)HTTP-status問(wèn)題:
1.415:介質(zhì)類(lèi)型不受支持 — 服務(wù)器拒絕服務(wù)請(qǐng)求吏砂。通過(guò)file-transfer上傳的頭像是jpeg格式撵儿,后臺(tái)可能只接受把圖片編碼為base64的json格式乘客,這就需要后臺(tái)做改變了。
2淀歇、400:由于語(yǔ)法格式有誤易核,服務(wù)器無(wú)法理解此請(qǐng)求。后臺(tái)所需要的參數(shù)可以用“浪默?”附加在url后面牡直,參數(shù)間用“&”連接,
3纳决、關(guān)于https
如果服務(wù)器Ip地址為https碰逸,可能會(huì)出現(xiàn)Trust anchor for certification path not found的問(wèn)題:
此時(shí)需要設(shè)置file-transfer的第六個(gè)參數(shù)為true。詳見(jiàn)官網(wǎng)
關(guān)于HTTP調(diào)試:
出現(xiàn)問(wèn)題可以用抓包的方式查看問(wèn)題阔加。但一般情況下HTTP-status足以說(shuō)明問(wèn)題所在饵史。
參考:
圖片壓縮:https://github.com/think2011/localResizeIMG