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