如何使用Towify在微信小程序里实现多图上传显示?

如何使用Towify在微信小程序里实现多图上传显示?,第1张

效果展示

使用组件面板中的画廊布局,能够支持显示多张图片,同时结合文件上传组件并春搏,将文件中的图片,上传并显示到界面。

触发器配置

注意:在绝祥检查器面板中的触发器设置面板创建触发器,可以对组件进行交互逻辑设置,或配合事件来进行动态数据 *** 作。

选中文件上传组件

点击检查面板中森迹的触发器

创建设置值触发器

自身值即选择文件上传组件的显示值

替换值选择画廊布局

创建一个触发时机是在……时的触发器

这样就可以在小程序里实现多图上传显示了。

在实际开发中,很多时候都需要要上传图片,但是对于上传多张时需要一张张的上传,因为图片都可能比较大,这时就需要我们对上纯则传图片的API进行进一步的处理,这样就解决了我们同时选择上传多张图片需求。所以歼棚为了方便以后使用,封装成一个特定的组件分享出氏裤则来,也许很多能用到,也可能用不到,但是修改一下还是差不多一样可以用的。

多张图片上传的原理其实就是用递归的方法,在每一张上传完之后再继续上传下一张,直到完成为止。

新建一个uploadImages组件文件,定义组件的样式结构及js文件。

1.页面样式布局

view

css

图片插件这样大概就完成了,不过不是每一个人都是和我一样的情况,使用请具体项目分析。

实例请查看地址: https://github.com/kingbuwu/uploadImages


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/12497981.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存