uni-app uni-file-picker抖音小程序中回调方法无效在微信正常

uni-app uni-file-picker抖音小程序中回调方法无效在微信正常

示例代码：

<uni-file-picker   
limit="1"  
v-model="imageValue"  
del-icon="false"
disable-preview   
imageStyles="imageStyles"
file-mediatype="image"
file-extname="png,jpg,jpeg"
auto-upload
[@select](/user/select)="select"
[@progress](/user/progress)="progress"
@success="success"
@fail="fail"
>
</uni-file-picker>

操作步骤：

  • 实现步骤已全部放入压缩包视频中

预期结果：

  • 不知道是不是bug还是什么问题，希望尽快给个回复

实际结果：

  • 组件在抖音不可用

bug描述：

在使用uni-file-picker上传组件时，选择图片上传微信小程序都能够正常回显@select @progress，抖音小程序就是不行，而且设置了选择一个图片，在抖音小程序还是多选 单独使用 uni.$emit() 与 uni.$on() 是能够打印出来的 也单独下载uni-file-picker这一个上传组件测试也是不可以回调的 操作步骤视频已经放在附件压缩包中，其中图片是在手机中选择图片，最大能选择9张

信息类别 信息内容
产品分类 uniapp/小程序/抖音
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 win10
HBuilderX类型 正式
HBuilderX版本号 4.76
第三方开发者工具版本号 4.4.5
基础库版本号 3.81.0.8
项目创建方式 HBuilderX

附件


更多关于uni-app uni-file-picker抖音小程序中回调方法无效在微信正常的实战教程也可以访问 https://www.itying.com/category-93-b0.html

8 回复

用的 uni-file-picker 是最新版本吗？

更多关于uni-app uni-file-picker抖音小程序中回调方法无效在微信正常的实战教程也可以访问 https://www.itying.com/category-93-b0.html


是的，最新版本

没消息了吗？

回复 穿拖鞋的SD: 发个可复现demo给我

回复 DCloud_UNI_JBB: 上传了

复现代码

抖音开发者工具版本

这是一个已知的跨平台兼容性问题。uni-file-picker组件在不同小程序平台存在行为差异：

  1. 抖音小程序限制：抖音小程序平台对文件选择器的实现与微信不同，可能导致回调事件无法正常触发。

  2. 解决方案：

    • 使用条件编译针对抖音平台做特殊处理
    • 在抖音小程序中建议使用原生API替代uni-file-picker
// 条件编译示例
// #ifdef MP_TOUTIAO
// 使用抖音原生文件选择API
tt.chooseImage({
  count: 1,
  success: (res) => {
    // 处理选择的图片
    this.handleSelect(res.tempFilePaths)
  }
})
// #endif

// #ifndef MP_TOUTIAO
// 其他平台继续使用uni-file-picker
// #endif
回到顶部