uni-app uni-file-picker抖音报错 common_vendor.Ws.chooseAndUploadFile is not a function

uni-app uni-file-picker抖音报错 common_vendor.Ws.chooseAndUploadFile is not a function

类别 信息
产品分类 uniapp/小程序/字节跳动
PC开发环境 Windows
操作系统版本 Windows 10 专业版 22H2
HBuilderX类型 正式
HBuilderX版本 4.17
第三方工具版本 4.2.4
基础库版本 3.23.0.5
项目创建方式 HBuilderX

示例代码：

<template>  
    <view class="content">  
        <image class="logo" src="/static/logo.png"></image>  
        <view class="text-area">  
            <text class="title">{{title}}</text>  
            <uni-easyinput :maxlength="15984" type="textarea" v-model="input" @input="ip" placeholder="请输入内容"></uni-easyinput>  
            <uni-file-picker  @select="select" @fail="fail" file-mediatype="image"  
                @progress="progress" @success="imageFileSuccess" v-model="fileLists" :image-styles="imageStyle" @delete="deleteImage"  
                limit="1"><button size="mini">上传</button></uni-file-picker>  
        </view>  
    </view>  
</template>  

<script setup>  
import {  
    onMounted,  
    getCurrentInstance,  
    ref,  
    reactive,  
    toRefs,  
    watch,  
    onBeforeMount  
} from 'vue'  
let fileLists = ref([])  

let imageStyle = ref({  
    height: 50,  
    width: 100,  
    border: {  
        color: "#eee",  
        width: "1px",  
        style: "solid",  
        radiu: "50%"  
    }  
})  

let progress = (e) => {  
    console.log(e);  
}  
let select = (e) => {  

}  
let fail = (e) => {  
    //console.log(e);  
}  
let imageFileSuccess = (e) => {  
    console.log(e);  
}  
let deleteImage=(e)=>{  
    imageBase64.value=null;  
}  
let input=ref("")  
let ip=(e)=>{  
    console.log(e,input.value);  
}  
</script>

操作步骤：

uni-file-picker组件上次图片按钮报错

预期结果：

微信端正常

实际结果：

抖音端报错

bug描述：

微信端正常，抖音端点击上传图片按钮直接报错


更多关于uni-app uni-file-picker抖音报错 common_vendor.Ws.chooseAndUploadFile is not a function的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

跟你一样的问题，请问怎么解决的呢

更多关于uni-app uni-file-picker抖音报错 common_vendor.Ws.chooseAndUploadFile is not a function的实战教程也可以访问 https://www.itying.com/category-93-b0.html


bug，uniapp一直没解决

在使用 uni-app 开发抖音小程序时，如果遇到报错 common_vendor.Ws.chooseAndUploadFile is not a function，通常是因为抖音小程序平台不支持 uni-file-picker 组件的某些功能，或者 uni-file-picker 组件在抖音小程序平台上的实现与预期不符。

解决方案

  1. 检查平台兼容性：

    • uni-file-picker 组件在不同平台上的支持情况可能不同。抖音小程序可能不支持某些功能，或者需要特定的 API 来实现文件选择与上传。

    • 可以使用 uni-app 的条件编译来针对不同平台编写不同的代码。例如：

      // #ifdef MP_TOUTIAO
// 抖音小程序的特定代码
// #endif

  2. 使用原生 API：

    • 如果 uni-file-picker 在抖音小程序上不可用，可以尝试使用抖音小程序的原生 API 来实现文件选择与上传。

    • 例如，使用 tt.chooseImage 来选择图片，然后使用 tt.uploadFile 来上传文件。

      tt.chooseImage({
  count: 1,
  success(res) {
    const tempFilePaths = res.tempFilePaths;
    tt.uploadFile({
      url: 'https://example.com/upload',
      filePath: tempFilePaths[0],
      name: 'file',
      success(res) {
        console.log('上传成功', res.data);
      },
      fail(res) {
        console.error('上传失败', res);
      }
    });
  },
  fail(res) {
    console.error('选择图片失败', res);
  }
});
回到顶部