一、實現(xiàn)效果
?二、實現(xiàn)功能
1、可以拍攝或選擇本地圖片上傳圖片數(shù)據(jù)
2、圖片上傳數(shù)據(jù)可以進行裁剪、選擇、取消、裁剪后預(yù)覽、上傳以及限制大小,還可以縮放操作,需要的可以解除限制即可
三、實現(xiàn)思路
1、點擊圖片上傳按鈕時,跳轉(zhuǎn)頁面到cropper進行圖片選擇剪切
wx.navigateTo({
??????url:?`/pages/cropper/cropper?disable_width=true&disable_height=true`
????});
?2、/pages/cropper/cropper頁面會直接彈出選擇拍照還是本地圖片上傳,當取消后會返回到上一層
3、頁面會進行圖片編輯操作,操作好后,通過上傳按鈕,將本地圖片路徑先存儲到公共app.globalData里面,然后跳轉(zhuǎn)到上一層(主頁面)。
4、主頁面onshow檢索到app.globalData頁面路徑是否不為空,不為空后將調(diào)用上傳方法,將路徑傳遞給服務(wù)器(不懂的可以查找我主頁上傳圖片的文章)
5、上傳成功后,將app.globalData頁面的參數(shù)清空即可。
6、實現(xiàn)操作簡單,方便快捷為用戶手機操作圖片,進行圖片的統(tǒng)一展示。文章來源:http://www.zghlxwxcb.cn/news/detail-426162.html
四、提示
需要的用戶可以自用下載資源實踐,不懂的可以聯(lián)系我哦,一起商量探討文章來源地址http://www.zghlxwxcb.cn/news/detail-426162.html
到了這里,關(guān)于微信小程序---圖片裁剪、旋轉(zhuǎn)、預(yù)覽、上傳功能實現(xiàn)(已經(jīng)封裝成組件,需要的到資源下載)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!