关于 uni.chooseImage后缀名大写的问题

最新推荐文章于 2025-10-16 17:22:44 发布
原创 最新推荐文章于 2025-10-16 17:22:44 发布 · 2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

在使用uni.chooseImage上传并压缩图片时，后端可能返回小写.png后缀，而数据库存储为大写.PNG。为避免不一致，前端需将图片路径中后缀转换为大写，确保正确访问。
部署运行你感兴趣的模型镜像

在uni.chooseImage当中成功上传之后如果选择压缩图片统一会返回PNG大写后缀名的格式

这个是返回的格式
此时传给后端的是大写的后缀名，往往处理时，后端给前端反馈的都是小写的，
此时如果不想改变后端就需要前端自我处理代码如下：
在这里插入图片描述
result.data就是后端返回的数据格式类似于服务器地址+图片路径.png,但是数据库是PNG，把png转换为大写才能访问正确的进行。
如果后端不想做出改变，前端自行拼接即可，由于压缩过的图片统一PNG格式，所以还是很好处理的。
嗯 就这些

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

Stable-Diffusion-3.5

图片生成
Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型，相比 3.0 版本，它提升了图像质量、运行速度和硬件效率

uniapp - 解决 uni.chooseImage 在苹果 IOS 真机上点击没反应的问题，苹果手机点击 uni.chooseImage方法不生效，也不报任何错误（解决苹果ios系统点击无效问题）
🏆 前端领域优质创作者
07-27 1万+
uniapp小程序h5网页苹果ios系统点击uni.chooseImage不执行点击无效，uniapp使用uni.chooseImage方法点击没反应怎么办，uniappuni.chooseImage在ios苹果手机运行点击不触发，uniappuni.chooseImage苹果ios系统点击无效，uniapp项目ios端云打包之后uni.chooseImage不生效了，uniapp打包之后uni.chooseImage()无法打开相机，uniapp苹果手机无法打开相机和相册，uniapp网页h5微信支
uni.chooseImage安卓调用没反应
xiaokangna的博客
09-07 4104
其原因就是在跳转到评价页面时，并没有在页面请求接口，想着就直接带过去了，然后导致安卓因为url带的参数过大，导致了api失效，在钉钉打开到这页面崩溃，后面在跳转到页面的时候请求详情接口，就不携带参数过去就可以了。今天遇到个问题，使用uniapp上传头像api时，当时测试是在电脑上测试h5页面的，所以当时并没有发现有什么问题，上线后用微信打开时发现上传头像失败了，当时一直在寻找问题，也是花了一天半的时间才解决。
uni-app【多媒体API】
酸狗的博客
12-11 7053
多媒体API图片uni.chooseImage(OBJECT)uni.previewImage(OBJECT) @unipreviewimageobjectuni.closePreviewImage(OBJECT)uni.getImageInfo(OBJECT)uni.saveImageToPhotosAlbum(OBJECT)uni.compressImage(OBJECT)文件uni.chooseFile(OBJECT)wx.chooseMessageFile(OBJECT)录音管理uni.getRec
【uni-app】上传图片 uni.chooseImage(),uni.uploadFile()接口使用
qq_44397508的博客
12-27 4091
uni-app图片上传功能简易实现
uniapp uni.chooseImage+uni.uploadFile使用方法与详解
最新发布
2401_88410373的博客
10-16 634
从手机选择图片后会生成一个临时本地路径（该路径只在本次启动期间可以正常使用）
【vue/uniapp】使用 uni.chooseImage 和 uni.uploadFile 实现图片上传（包含样式，可以解决手机上无法上传的问题）
花间半盘棋
01-03 6311
发现如果是在微信小程序的项目中嵌入 h5 的模块，这个 h5 的项目使用 u-upload 的话，图片上传功能在电脑上正常，但是在手机的小程序上测试就不会生效，点击上传加号按钮毫无反应。，删除的实现方法是在本地进行的，是对数组进行 splice 之后，再将最新的图片数组保存进大数组一次，最后再进行上传，注释写的很详细，方便以后回顾查看。进行图片选择功能，配置相应参数和值，选择成功，走到 then 的成功回调里，回显照片，此时调接口。现在最终的解决方法是，使用 uniapp 的。
Python--将指定目录下的图片 .PNG大写 改为 .png 小写
xiaowanggedege的专栏
12-07 4570
Python--将指定目录下的图片 .PNG大写 改为 .png 小写 以前工作中遇到的问题，用 python解决之，当然我当时参考了 stackoverflow上的问答。 思路无非就是：遍历目录下的文件，获得文件名，然后 rename 。 #!/usr /bin/env python # encoding: utf-8 import os # PNG --> png
uniapp图片上传预览uni.chooseImage、uni.previewImage
蓝鲸鱼计算机软件开发工作室
11-28 4515
current 为当前显示图片的链接/索引值，不填或填写的值无效则为 urls 的第一张。App端如需要更丰富的相机拍照API（如直接调用前置摄像头），参考。1.9.5+ 支持传图片在 urls 中的索引值。，其中 B1 与 B2 的图片链接是一样的。微信小程序从基础库 2.21.0 开始，//可以指定是原图还是压缩图，默认二者都有。从本地相册选择图片或使用相机拍照。//是否可以循环预览 无效。// 图片指示器样式 无效。
uni.chooseImage 在安卓APP和H5平台获取文件名
qq_31683775的博客
09-16 274
安卓APP平台获取文件名。
uniapp开发的安卓PDA软件，调用uni.chooseImage 闪退原因记录 及 解决方案
Yy55gc25112的博客
07-09 1368
uniapp调用 相机闪退
webview使用uni.chooseImage从相册返回不触发回调的优化处理
weixin_42230222的博客
07-05 1928
webview使用uni.chooseImage从相册返回不触发回调的优化处理
Uniapp chooseImage 选择图片 & 自定义上传
又是再见?
03-07 3237
按照官方文档上的写法, 取 tempFilePaths 获取到的是一个 blob:xxx 的文件流, 我们的后端服务不支持这样传参, 报错;- uni.uploadFile 的 file 参数为自己后端服务定义的参数名。- uni.uploadFile 的 filePath 为文件的实际路径。uniApp 开发过程中, 需要上传图片到自己的后端服务。
uniapp chooseimage 图片缓存 （安卓端uni.chooseImage方法在拍照时，有的手机会在应用目录下的files/DCIM文件夹下产生并没有被使用的图片 ）
nicexibeidage的博客
02-23 2173
亲测此方法确实生效，不过，上传拍照图片一次会生成8M-10M的内存大小，此方法会解决减少一半内存的问题。那么还有一半内存在哪里呢？ 经测试_doc文件夹会保存一个由随机号码的子文件夹，即每次调用chooseImage都会生成子文件夹里面就是经过chooseImage处理后临时保存的图片。files文件夹下则保存所有的图片。 结论： uni.chooseImage 经过处理的图片会保留两份图片文件，如果不处理图片问题 APP则每次处理图片生成10M的缓存。 这里有公共目录的绝对...
uni-app利用chooseImage方法封装一个图片选择组件
jieyucx的博客
04-06 1658
封装好了之后我们用的时候只需要引入直接用就行。直接复制，开箱即用哦。废话不多说直接上代码。
uniapp：uni.chooseImage、uni.uploadFile，选择图片，上传图片
sunluyi的博客
07-13 1万+
更换头像功能， //上传图片 upfile(){ let _this = this; uni.chooseImage({ // 从本地相册选择图片或使用相机拍照。 count: 1,//默认选择1张图片 sizeType: ['original', 'compressed'],//original 原图，compressed 压缩图，默认二者都有 success: (res)=> { console.log(res.tempFilePaths[0]);//成功则.
uni-app 兼容安卓使用 uni.chooseImage，打印结果没有tempFiles，取不到文件名称
乔的博客
08-12 1058
在这里插入图片描述](https://img-blog.csdnimg.cn/dedb265509794ec1af4f0b1e66233842.png。
uniapp中h5版uni.chooseimage直接上传图片（图片路径blob:http://xxxx/xxxx）到阿里云oss上，获取图片名称并成功显示图片
热门推荐
zpf1010的博客
08-03 1万+
最近公司要把小程序（uniapp）改为h5版本，在其中遇到了一个问题，就是用户修改logo,之前使用uniapp做的小程序，可以用路径（路径是http://ip:端口/xxx/xxx.jpg）来获取图片名，并上传，而在h5上路径（路径是blob:http://ip:端口/xxx/xxx）上就没有图片扩展名，获取最后那个也不是图片上传后的名称，最后去oss查看图片名称是有扩展名的，那最后是从另外一个属性获取图片名字的res.tempFiles[0].name（xxxxx.jpg）,最后成功
uniapp 图片压缩上传 uni.chooseImage, uni.compressImage uni.upload
qq_42389674的博客
05-07 1万+
思路 uni.chooseImage上传图片 判断图片的大小 如果超过了指定大小就使用 un,compressImage,将图片压缩 具体实现 上传文件返回一个 文件信息的数组list 创建一个承载promise的数组 循环 文件信息的数组，创建promise 如果文件的大小大于 2M 就使用 uni.compressImage压缩图片并将压缩的文件resolve出去，如果文件的大小小于2M 就直接将文件信息resolve返回出去 使用promise.all执行 prom
uni.chooseImage设置sizeType为original ，图片大小计算不正确
DOM曼珠沙华的博客
01-21 4220
先码一下 其中我的代码是： uni.chooseImage({ count: this.fileNum, sizeType: 'original', //只指定原图 sourceType: this.sourceTypeList, success: (res) => { console.log('tempFiles', res) console.log('size', res.tempFiles[0].size/1024/1024); // this.imgUpload
uni.chooseImage获取图片后缀
03-24
在使用 `uni.chooseImage` 方法时，可以通过返回的对象中的路径来解析出图片的文件后缀名。具体实现方式如下： #### 解析思路 当调用 `uni.chooseImage` 后，会返回一个对象数组，其中每个对象都包含所选图片的信息...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值