uniapp或者小程序图片选择中的sizeType属性到底是什么

sizeType属性到底是什么

https://developers.weixin.qq.com/community/develop/doc/0006c261a300089771f9a233a56c00

https://ask.dcloud.net.cn/question/146679

第一个链接来自微信小程序社区,有开发者提了个问题:sizeType: ["original", "compressed"]时,tempFilePaths 就应该是返回 2个路径才对,一个是原图的路径,一个是压缩图的路径,但实际上只返回了一个路径,那请问,这个返回的路径是原图的,还是压缩图的?

上方说法实际上是误解了sizeType配置,sizeType: ["original", "compressed"]是控制用户相册选择图片时,可选择图片的类型(原图、压缩图),并不会同时上传,而是用户可以二选一,如果参数只有一个,则用户则不能选择图片类型

如果sizeType: ["original"]则用户上传图片只能是原图,相册选择时最下方会有一个原图的radio按钮,是置灰的,不可取消

如果sizeType: ["original", "compressed"],相册选择时最下方会有一个原图的radio按钮,可以取消勾选

如果sizeType: ["compressed"],相册选择时最下方没有原图的radio按钮,只能上传压缩图

同时获取原图和缩略图

uni.chooseImage 是 uni-app 中对 wx.chooseImage 的包装,并没有做功能上的修改,微信小程序中设计如此
想要同时获取原图和缩略图,可尝试在uni.chooseImage 后用 uni.compressImage 压缩图片并获取压缩后的路径
新版本小程序使用uni.chooseMedia替换uni.chooseImage,但sizeType配置还是一样,所以同理

### 实现微信小程序选择 MP3 文件功能 在 UniApp 中实现选择 MP3 文件的功能主要依赖于微信小程序提供的 `wx.chooseMessageFile` API。此API允许用户从本地相册或通过拍摄来选取文件,在本场景下主要用于选择音频文件。 对于特定类型的文件选择,如MP3文件的选择,可以通过设置参数中的`type`属性为`file`并指定`extension`数组仅接受`.mp3`扩展名的文件[^1]。 #### 使用 wx.chooseMessageFile API 选择 MP3 文件 下面是一个简单的例子展示了如何调用微信的小程序接口以让用户选择一个MP3文件: ```javascript // 调用 chooseMessageFile 接口选择 mp3 文件 chooseMp3File() { uni.chooseMessageFile({ count: 1, // 默认9 type: 'file', extension: ['mp3'], success(res) { console.log('Selected File:', res.tempFiles); const tempFilePaths = res.tempFiles; if (tempFilePaths.length > 0) { let file = tempFilePaths[0]; console.log(`选择了 ${file.name} 大小为 ${file.size}`); // 可在此处处理选中的文件,比如上传至服务器等操作 } }, fail(err){ console.error("Failed to select file", err); } }); } ``` 需要注意的是,上述代码片段是在页面的方法中定义的一个函数,当触发该事件时会弹出文件选择器供用户挑选想要使用的音乐文件[^2]。 为了使这个功能更加完善,还可以考虑加入对所选文件大小、格式的有效性验证逻辑,确保只接收有效的MP3文件,并给予用户友好的提示信息。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值