关于Uview ui框架的使用

本文档介绍如何在uview 1.8.3版本中,因Upload组件手动上传功能失效,而进行源码修改,实现通过ref调用selectFile并触发回调获取图片file对象和url。在组件隐藏状态下,通过修改disabled属性,仍能调用相关API。
摘要由CSDN通过智能技术生成

uview源码 api 按照使用场景自定义修改

如果想要使用 uview的 Upload 组件的 手动上传功能,突然发现最近的1.x版本不能用了,所以 我想手动diy一下 Upload 部分的源码,本人使用 1.8.3版本

如果单纯 使用 uload 的 获取图片功能可以直接 ref 调用 selectFile 函数事件, 以下部分是 Upload 组件部分的源码
对应的 u-load源码截图

通过 selectFile 函数 获取图片后 直接调用实参里面传递的 callback 回调,主要是我这里 把 this.disabled 置非后,可以通过在 uload 组件隐藏的情况下 可以调用对应的api。

在这里插入图片描述
在这里插入图片描述
然后再代码里面调用对应的api 和 触发回调事件,获取对应上传的 图片的 file对象和 已经 url format的 本地url

调用对应的api方法
调用后的小程序console 结果:
调用IDiy api后的小程序结果

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值