uniapp圖片上傳、渲染和預覽


1. 圖片上傳:添加一個按鈕並綁定一個點擊事件通過uni.chooseImage方法來上傳圖片。

2.圖片渲染:通過uni.chooseImage方法的success屬性得到所有的圖片地址並把它保存到數組中。

然后新建一個image標簽循環數組,實現圖片上傳直接就渲染到頁面中(注意使用v-for循環時要綁定key值,圖片就綁定src)。

3.圖片預覽:一般是點擊哪張圖片就預覽哪張,所以在imge上綁定一個點擊事件。通過uni.previewImage方法來實習預覽圖片(注意次方法里的current屬性應為當前項,從綁定事情那傳一個實參即可。urls屬性應為數組,即預覽拖拽所有圖片。其它帶數字圓點效果僅APP支持)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM