最近在開發(fā)一個APP項目的項目,考慮到需要快速開發(fā),所以選擇了使用apicloud來快速開發(fā)一個APP。
在用apicloud開發(fā)項目的時候,遇到了一個比較煩惱的功能,說的簡單一些就是一個圖片上傳的功能。如何給用戶帶來好的體驗讓用戶能夠快速上傳發(fā)布并能瀏覽就成為一個難題,雖然官方給的開發(fā)文檔解釋的已經(jīng)相當(dāng)?shù)那逦?,但是開發(fā)過成功難免還是遇到了很多的坑,讓開發(fā)者總是有些許小煩惱。
這個api的文檔寫的很清楚,每個參數(shù)的功能,但是直接拿過來用的話,著實有一丟丟的坑
這個是我改了一下的代碼,用著相對來說比較舒服,因為targetWidth: 750, targetHeight: 750這兩個屬性;官方給的都是100,直接使用體驗極差
這個方法只是獲取本地的圖片,第一個參數(shù)sourceType,如果不寫,直接注釋的話買就是從手機(jī)文件中選擇照片,相當(dāng)?shù)姆奖悖x擇圖片或者拍照之后,會有兩個返回值,在ret里面的返回值只有一個data參數(shù)是圖片的本地url路徑,err的話就返回錯誤信息。在獲取到ret之后就可以調(diào)用api.ajaxa 方法上傳圖片到服務(wù)器了,但是這里不建議直接上傳,這樣的話用戶選擇了照片,或者拍照之后就會直接把圖片上傳到服務(wù)器,用戶體驗的效果就比較差了,這里建議把獲取到的圖片顯示到當(dāng)前的頁面里面,然后再多謝一個確認(rèn)上傳的方法,在用戶點擊上傳的時候,直接拿出已經(jīng)獲取并加載到當(dāng)前頁面的圖片路徑上傳服務(wù)器就可以了。下面附上一些項目中的實例代碼
第一步獲取圖片
第二部上傳獲取的圖片