最近在開發一個APP項目的項目,考慮到需要快速開發,所以選擇了使用apicloud來快速開發一個APP。
在用apicloud開發項目的時候,遇到了一個比較煩惱的功能,說的簡單一些就是一個圖片上傳的功能。如何給用戶帶來好的體驗讓用戶能夠快速上傳發布并能瀏覽就成為一個難題,雖然官方給的開發文檔解釋的已經相當的清晰,但是開發過成功難免還是遇到了很多的坑,讓開發者總是有些許小煩惱。
這個api的文檔寫的很清楚,每個參數的功能,但是直接拿過來用的話,著實有一丟丟的坑

這個是我改了一下的代碼,用著相對來說比較舒服,因為targetWidth: 750, targetHeight: 750這兩個屬性;官方給的都是100,直接使用體驗極差

這個方法只是獲取本地的圖片,第一個參數sourceType,如果不寫,直接注釋的話買就是從手機文件中選擇照片,相當的方便,選擇圖片或者拍照之后,會有兩個返回值,在ret里面的返回值只有一個data參數是圖片的本地url路徑,err的話就返回錯誤信息。在獲取到ret之后就可以調用api.ajaxa 方法上傳圖片到服務器了,但是這里不建議直接上傳,這樣的話用戶選擇了照片,或者拍照之后就會直接把圖片上傳到服務器,用戶體驗的效果就比較差了,這里建議把獲取到的圖片顯示到當前的頁面里面,然后再多謝一個確認上傳的方法,在用戶點擊上傳的時候,直接拿出已經獲取并加載到當前頁面的圖片路徑上傳服務器就可以了。下面附上一些項目中的實例代碼
第一步獲取圖片

第二部上傳獲取的圖片

上一篇: 甲乙雙方如何配合做好一個網站?
下一篇: php截取字符串用法詳解



