微信小程序WeUI中upload组件在ios端点击无反应不出现弹窗

JDSYDWR

已于 2022-06-13 14:16:01 修改

阅读量2.1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：知识记录问题解决文章标签：微信小程序前端框架

于 2022-05-04 22:54:54 首次发布

本文链接：https://blog.youkuaiyun.com/jdsydwr/article/details/124579544

问题解决同时被 2 个专栏收录

19 篇文章

订阅专栏

知识记录

14 篇文章

订阅专栏

本文介绍了在微信小程序中使用WeUI的upload组件遇到的问题：在iOS设备上点击图片上传按钮无反应，无法弹出选择相册或拍照的选项。通过将`size-type`和`source-type`的静态数组改为使用双大括号包裹的表达式形式，如`size-type={{['original','compressed']}

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题：

微信小程序WeUI中upload组件来实现图片上传功能，且在安卓端测试成功，但在ios端点击无反应不出先选择相册或拍照的弹窗。

解决办法：

如果你的代码是下面这样的

<view class="updateInput">
      <mp-uploader
       class="upload"
       delete="true"
       size-type="['original', 'compressed']"
       source-type="['album', 'camera']"
       bindfail="uploadError"
       bindsuccess="uploadSuccess"
       select="{{selectFile}}"
       upload="{{uplaodFile}}"
       files="{{files}}"
       title="菜品图片上传"
       tips="格式要求（.png,.jpg），大小限制：5MB"></mp-uploader>
</view>

['original', 'compressed'] 和 ['album', 'camera'] 改成 {{['original', 'compressed']}} {{['album', 'camera']}}就会适配ios端。

代码如下：

<view class="updateInput">
      <mp-uploader
       class="upload"
       delete="true"
       size-type="{{['original', 'compressed']}}"
       source-type="{{['album', 'camera']}}"
       bindfail="uploadError"
       bindsuccess="uploadSuccess"
       select="{{selectFile}}"
       upload="{{uplaodFile}}"
       files="{{files}}"
       title="菜品图片上传"
       tips="格式要求（.png,.jpg），大小限制：5MB"></mp-uploader>
</view>