最近在開發(fā)一個(gè)APP項(xiàng)目的項(xiàng)目，考慮到需要快速開發(fā)，所以選擇了使用apicloud來快速開發(fā)一個(gè)APP。

在用apicloud開發(fā)項(xiàng)目的時(shí)候，遇到了一個(gè)比較煩惱的功能，說的簡(jiǎn)單一些就是一個(gè)圖片上傳的功能。如何給用戶帶來好的體驗(yàn)讓用戶能夠快速上傳發(fā)布并能瀏覽就成為一個(gè)難題，雖然官方給的開發(fā)文檔解釋的已經(jīng)相當(dāng)?shù)那逦?，但是開發(fā)過成功難免還是遇到了很多的坑，讓開發(fā)者總是有些許小煩惱。
這個(gè)api的文檔寫的很清楚，每個(gè)參數(shù)的功能，但是直接拿過來用的話，著實(shí)有一丟丟的坑

這個(gè)是我改了一下的代碼，用著相對(duì)來說比較舒服，因?yàn)閠argetWidth: 750, targetHeight: 750這兩個(gè)屬性；官方給的都是100，直接使用體驗(yàn)極差

這個(gè)方法只是獲取本地的圖片，第一個(gè)參數(shù)sourceType,如果不寫，直接注釋的話買就是從手機(jī)文件中選擇照片，相當(dāng)?shù)姆奖?，選擇圖片或者拍照之后，會(huì)有兩個(gè)返回值，在ret里面的返回值只有一個(gè)data參數(shù)是圖片的本地url路徑，err的話就返回錯(cuò)誤信息。在獲取到ret之后就可以調(diào)用api.ajaxa 方法上傳圖片到服務(wù)器了，但是這里不建議直接上傳，這樣的話用戶選擇了照片，或者拍照之后就會(huì)直接把圖片上傳到服務(wù)器，用戶體驗(yàn)的效果就比較差了，這里建議把獲取到的圖片顯示到當(dāng)前的頁面里面，然后再多謝一個(gè)確認(rèn)上傳的方法，在用戶點(diǎn)擊上傳的時(shí)候，直接拿出已經(jīng)獲取并加載到當(dāng)前頁面的圖片路徑上傳服務(wù)器就可以了。下面附上一些項(xiàng)目中的實(shí)例代碼

第一步獲取圖片

第二部上傳獲取的圖片