微信JSSDK上傳圖片過程中編輯圖片描述,解決思路記錄

zhangxh發表於2019-02-14

需求描述

上傳圖片,耗時較長,需要在上傳過程中,編輯“圖片描述”資訊

目前的線上的狀態

從手機選擇照片後,會載入一個”正在上傳中“的浮層,並且用微信JSSDK的uploadImage序列上傳(即一張一張上傳); 由於浮層的存在,不可能在上傳過程中,編輯“圖片描述”

線上狀態的實現思路

選擇照片,然後根據獲取到的relocalIds,由uplaodImage函式獲取圖片的serverId,將serverId傳給php伺服器(專案中自己的伺服器),等待php伺服器獲取到微信伺服器的圖片後,向前端傳送給圖片地址,前端將給地址做localstorage的快取,並顯示該圖片。

解決方式

將“正在上傳”的浮層去掉,改為 絕對定位 的文字

這種解決方式的後果

IOS系統中完全沒有問題,上傳過程中,可以編輯“圖片描述”。但,Android系統中,由於是利用uploadImage進行序列上傳,所以,每次呼叫uploadImage介面時,會將彈出的手機鍵盤隱藏


注:
1、對於Android手機這種情況,從uploadImage函式出發解決此問題,基本沒有解決方案;
2、可以用選取本地圖片的地址,在頁面顯示圖片,然後,點選“儲存”時,再將圖片進行uploadImage及php伺服器的儲存

相關文章