微信小程序.自定义组件.照片选择器,可以调用控

wechat-ssjUploadPhotos

微信小程序.自定义组件.照片选择器,可以调用控件,选择完照片后直接展示出来

可能是因为之前开发的习惯,让我在学习一门新语言的时候,不得不去想如何自定义一个组件,以应付常用情况,于是有了这样一个组件的封装。

使用步骤:

将ssjUploadPhotos文件夹拉到miniprogram/components下,没有components文件夹就新建它

在app.json文件配置如下:

{ "usingComponents": { "ssjUploadPhotos":"/components/ssjUploadPhotos/ssjUploadPhotos" }, }

如果没有usingComponents这个节点,就新建这个节点,有的话就加入 ""ssjUploadPhotos":"/components/ssjUploadPhotos/ssjUploadPhotos" ”,记住:节点{}内每一行之间用逗号隔开,最后一行不需要逗号,否则报错 在需要调用的xml文件加上:

title:表示标题 / 非必填 maxSelectCount:表示最大选择张数 / 非必填

<ssjUploadPhotos bind:gainImageFilePaths= 'gainImageFilePathsPage' title='请选择照片' maxSelectCount='5'></ssjUploadPhotos> 在调用page的js文件内,实现方法:

//当选择好照片的时候,会调用这个方法 gainImageFilePathsPage: function(imageFilePaths) { console.log('得到的json数据:' + JSON.stringify(imageFilePaths)) }

这里解释一下方法的传递,

bind:gainImageFilePaths='你需要实现的方法名'; 为绑定图片获取方法事件,即当图片选择器每次选择完照片后,会得到最新的照片路径数组

完毕!O(∩_∩)O~~

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。