當前位置:
首頁 > 最新 > 微信網頁圖像介面-拍照貨從相冊中選擇圖片及上傳圖片設計

微信網頁圖像介面-拍照貨從相冊中選擇圖片及上傳圖片設計

拍照或者從相冊中選擇照片

在用戶上傳證件頁面的布局完成後,查看拍照或從手機相冊中選圖接---wx.chooseImage()的用法如下:

wx.chooseImage()介面默認為上傳多張圖片(最多9張),通過count參數進行設定。給用戶上傳定義的圖片選擇區添加click事件,並集成選擇圖片介面到其中,核心代碼如下:

其中,介面返回的locaIIds可以結合img標籤進行預覽使用:

$( .upload_img ).html( );

用戶在客戶端完成選擇圖片後,圖片預覽效果如圖所示

在選中圖片後,調用圖片上傳介面可以把圖片上傳到微信公眾平台成為臨時素材。圖片上傳成功後,系統會將圖片的唯一標識media_id返回給開發者,開發者可以根據media_id進行圖片的其他操作。為了更直觀地查看上傳結果,首先在圖片選擇區域下方新增以下html結構:

其次,在選擇圖片介面成功回調方法裡面調用圖片上傳介面:

上傳成功後會返回serverID,也就是media_id。運行效果所示

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 億仁 的精彩文章:

IPhone 8將推遲至10月問世,推遲原因原來是這樣的
微信商城中購物車和訂單表結構設計

TAG:億仁 |

您可能感興趣

動物圖片:蜘蛛圖片
濱鷸圖片
橡皮樹圖片附介紹:相冊的圖片免費下載
拍照+圖片美化
動物圖片:大嘴鵜鶘圖片
鉤針花片 圖片圖解
勵志圖片文字組圖
圖片僅供參考!動畫《碧藍之海》與《來玩遊戲吧》宣傳圖
真圖片真圖片真圖片真圖片真圖片真圖片
拍攝圖片時怎樣構圖?
谷歌新桌面版圖片搜索測試:信息一目了然
美圖匯-勵志圖片
《如影隨心》電影劇照圖片桌面壁紙
服裝攝影圖片欣賞
外網三款鉤針半裙圖片圖解
黃葦鳽圖片
中午好的圖片動態圖片 中午好的問候語圖片帶字的
朴信惠圖片!
關於文章的首圖及圖片版權問題
隋棠圖片!