uniapp 微信小程序 uni-file-picker上传图片报错 chooseAndUploadFile

最新推荐文章于 2024-04-29 13:36:17 发布
最新推荐文章于 2024-04-29 13:36:17 发布
阅读量1k 收藏
点赞数
文章标签： uni-app 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43978501/article/details/134243314
版权

这个问题真的很搞，
原因是微信开发者工具更新了，导致图片上传问题。

解决方法： 将微信开发者工具的基础库改为2.33.0一下即可。
在微信开发者工具详情 - 本地设置中（记得点击‘推送’按钮）：
在这里插入图片描述

hhh
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用uniapp中picker-view封装底部选择弹框选择器，解决微信小程序中不可自定义样式问题
05-19
使用uniapp制作微信小程序时候，需要一个城市选择框，但是微信中的弹框样式不可自定义，出现了与项目主题样式不一致问题，于是使用uniapp中picker-view封装底部选择弹框选择器，实现支持自定义确定和取消按钮颜色字体大小等功能，解决微信小程序中不可自定义样式问题，
微信小程序 -- 年月日时分秒 picker 选择器
06-28
微信小程序 -- 年月日时分秒 picker 选择器 基于微信小程序封装 月日时分秒 picker 选择器 封装插件 全局引用
uni-file-picker 文件选择上传踩坑
m0_67393686的博客
03-01 3687
https://ext.dcloud.net.cn/pluginid=4079 1、第一步必须导入uniapp的云服务空间，不然会报错 uniCloud.chooseAndUploadFile is not function 2、 <uni-file-picker :value=“videoValue” @success=“successVideo” @fail=“failVideo” limit=“1” file-mediatype=“video” mode=“grid” /> // 上传成
解决uniapp无法显示uni-file-picker的问题 - 不显示图片选择框 - 图片上传按钮消失
Rudon滨海渔村的博客
04-07 7179
效果图 解决前（图片选择框死活不出来） 后 实现步骤 在外面套一个宽高写死的容器： <view style="width: 400rpx; min-height: 300rpx;"> <uni-file-picker limit="9"></uni-file-picker> </view> 搞定！ 以下是uniapp官方的css，仅供阅读，无需理会 .uni-file-pickerheight ..
uniapp组件uni-file-picker中设置仅使用照相机和仅相册的权限
weixin_43163986的博客
03-19 496
在uniapp中，我们通常会使用uni-file-picker这个组件，但是这个组件中，有点缺陷，就是没有对这个功能的传值设置，这里就要给组件进行修改了。在写uniapp项目中，对于上传图片有时会有这样的需求：只可使用照相机拍摄上传，不可使用相册。
【uniapp/hBuilder】使用部分插件（如uni-file-picker）后出现连接服务器超时的解决方法
weixin_43792106的博客
09-28 1970
【uniapp/hBuilder】使用部分插件（如uni-file-picker）后出现连接服务器超时的解决方法
uniapp中使用uni-file-picker上传文件
葫芦娃y的博客
01-24 1669
uniapp中使用uni-file-picker上传文件
uniapp中的uni-file-picker组件多图上传问题
tgs2033的博客
02-21 4864
前言：在uniapp官方文档中的uni-file-picker组件可实现图片上传功能，官方文档：uni-app官网 中的案例不能完全满足需求，在接口上传失败的时候，需要页面不回显失败的图片，仅回显显示上传成功的图片，因为多图异步上传顺序的问题，可能会导致同时操作list，以至于删除图片出错。所以我才用多图同步顺序上传来规避这个问题。 以下是代码： view代码： <uni-file-picker :value="filePathsList" :auto-upload="false" file-medi
uniapp上传图片视频文件集合组件
weixin_40565812的博客
07-15 2165
解决方法找到引入的uni-file-picker组件的choose-and-upload-file.js文件,找到chooseAndUploadFile方法，在方法里添加下面代码。1.通过v-if传入vedio/imagw/file来选择需要引入的功能。2.上传文件需要另需引入uni-file-picker。3.ios上传出现打不开资源管理器的情况。...
微信公众号chooseImage上传图片后无法获取的bug
搬砖小白灿哥哥
01-06 283
微信公众号chooseImage上传图片后无法获取的bug
uni-app 微信小程序-完善用户隐私保护指引-（chooseAndUploadFile:fail api scope is not declared in the privacyaereemen
路虽远行则将至，事虽难做则必成。
10-27 5708
最近突然发现uni-app上传组件，在微信开发者工具上传图片时候，打开不了文件资源，报错在体验版和上线版本一样的情况，上传图片的时候打开不了照相机和相册，报的错也是同样其实这是因为小程序后台没有完善用户隐私保护指引，和对应的api和组件的申请权限在查询这个问题过程中，发现很多说组件手动上传，设置，改基础库的等等后面排查问题越来越晕-下面是自己解决这个问题过程分享给大家。
unicloud云开发---uniapp云开发(二)---云存储基础
代码哈士奇的博客
02-14 4859
我们之前已经讲了 云函数的使用 云开发—uniapp云开发(一)—服务空间创建以及部署一个云函数 云开发—uniapp云开发云函数练习—整合百度ai图像识别SDK 这次我们来一起学习 云存储的使用 文档地址 https://uniapp.dcloud.io/uniCloud/storage 云存储的使用 云存储基础 服务空间的云存储 服务空间 https://unicloud.dcloud.net.cn/home 上传文件 https://uniapp.dcloud.io/uniCloud/stora.
uni-app上传文件报错解决方案：error:ReferenceError: FormData is not defined；
陈先生的博客
03-01 3610
在uni-app内，提供了一个uni.uploadFile的方法，可以把获取到的临时的文件url来进行传输， 然后就可以实现文件的上传功能了。// 上传图片 通过uni-app的uni-file-picker组件 函数返回。微信小程序内没有FormData这个对象，FormData针对的web,//调用uploadFile方法来进行图片的转换。我们通常会这样来进行图片的接口传输。然后把fd作为参数进行传输。//需要传图片的后台接口。
微信小程序之picker日期和时间选择器
01-19
下面来介绍小picker，分三种样式： 默认的自己可以定义数据的 mode=”time”是时间选择器 mode=”date”是日期选择器 跟其他的一样先来看下picker.wxml picker 选择器 <view class=sectio
微信小程序 （十八）picker组件详细介绍
11-23
picker选择器分为三种，普通选择器，时间选择器， 日期选择器 用mode属性区分，默认是普通选择器。测试时时间和日期点击无反应不知道是BUG还是啥！没法手机测试现在也不知道咋回事！！ 主要属性： 普通选择器 时间...
uni-app uni-data-picker 省市区数据表
06-16
<uni-data-picker> 是一个选择类datacom组件。支持多列级联选择。列数没有限制，如果屏幕显示不全，顶部tab区域会左右滚动。 适用于uni-app使用uni-data-picker实现省市区选择器的json数据
持续更新｜UNIAPP适配APP遇到的问题以及解决方案
灵壹Eli的博客
04-29 285
在使用UNIAPP开发APP的时候遇到的一些奇奇怪怪问题记录。
uniapp 安卓手机 input type=“number“ 没有点，不能输入小数
最新发布
lmy_loveF的博客
04-29 383
修改后：type="digit" inputmode="decimal"
uniapp视频播放器（h5+app）
farme_guan的博客
04-27 1204
这是关于一篇在uniapp使用video视频播放器，支持自定义播放器样式，支持手势操作，选集、倍数和清晰度切换，支持SRT字幕格式。
uniapp使用uni-file-picker组件上传图片
08-25
对于使用Uni-App的开发者来说，可以使用Uni-File-Picker组件来实现图片上传的功能。下面是一个示例代码，展示了如何使用Uni-File-Picker组件上传图片： 1. 首先在页面的vue文件中引入Uni-File-Picker组件： ``` <template> <view> <uni-file-picker :count="1" @success="uploadSuccess" @fail="uploadFail" ></uni-file-picker> <button type="primary" @click="upload">上传图片</button> </view> </template> <script> export default { methods: { uploadSuccess(files) { console.log('上传成功', files); // 在这里处理上传成功后的逻辑 }, uploadFail(err) { console.log('上传失败', err); // 在这里处理上传失败后的逻辑 }, upload() { uni.chooseImage({ count: 1, success: (res) => { const tempFiles = res.tempFiles; if (tempFiles.length > 0) { uni.uploadFile({ url: 'http://your-upload-url', filePath: tempFiles[0].path, name: 'file', success: (res) => { if (res.statusCode === 200) { const data = JSON.parse(res.data); if (data.code === 0) { this.uploadSuccess(data.files); } else { this.uploadFail(data.message); } } else { this.uploadFail('上传失败'); } }, fail: (err) => { this.uploadFail(err.errMsg); } }); } }, fail: (err) => { console.log('选择图片失败', err); } }); } } } </script> ``` 在上面的示例中，Uni-File-Picker组件用于选择图片文件，并通过`count`属性限制只能选择1张图片。当选择成功后，会触发`success`事件，调用`uploadSuccess`方法进行上传成功后的处理；当选择失败后，会触发`fail`事件，调用`uploadFail`方法进行上传失败后的处理。 在`upload`方法中，首先使用`uni.chooseImage`选择图片，并通过`uni.uploadFile`将选中的图片上传到服务器。在上传成功后，通过`uploadSuccess`方法处理上传成功后的逻辑；在上传失败后，通过`uploadFail`方法处理上传失败后的逻辑。 需要注意的是，示例中的上传接口URL需要根据实际情况进行修改。另外，还可以根据需要添加进度条等其他功能来完善上传图片的交互体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值