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

最新推荐文章于 2025-05-19 17:50:29 发布
最新推荐文章于 2025-05-19 17:50:29 发布
阅读量1.9k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： uniapp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/IDLdh/article/details/103850286
在使用uni.chooseImage上传并压缩图片时，后端可能返回小写.png后缀，而数据库存储为大写.PNG。为避免不一致，前端需将图片路径中后缀转换为大写，确保正确访问。

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

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

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

【前端之旅】uni-app学习笔记
请你喝杯Java
08-03 1908
uni-app学习笔记—孙不坚1208 uni-app 官方网页是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。
【uni-app】上传图片 uni.chooseImage(),uni.uploadFile()接口使用
qq_44397508的博客
12-27 4002
uni-app图片上传功能简易实现
uniapp chooseimage 图片缓存 （安卓端uni.chooseImage方法在拍照时，有的手机会在应用目录下的files/DCIM文件夹下产生并没有被使用的图片 ）
nicexibeidage的博客
02-23 2080
亲测此方法确实生效，不过，上传拍照图片一次会生成8M-10M的内存大小，此方法会解决减少一半内存的问题。那么还有一半内存在哪里呢？ 经测试_doc文件夹会保存一个由随机号码的子文件夹，即每次调用chooseImage都会生成子文件夹里面就是经过chooseImage处理后临时保存的图片。files文件夹下则保存所有的图片。 结论： uni.chooseImage 经过处理的图片会保留两份图片文件，如果不处理图片问题 APP则每次处理图片生成10M的缓存。 这里有公共目录的绝对...
uni-app开发微信小程序，实现文件上传和下载
最新发布
m0_51429350的博客
05-19 1848
是 uni-app 提供的用于预览图片的 API，支持多图滑动查看，适用于 H5、App（5+）、微信小程序等平台。是 UniApp 提供的用于从相册或相机选择图片的 API，支持跨平台（App、H5、小程序）使用。允许用户从设备中选择文件（如图片、文档、音频、视频等）。是 uni-app 提供的用于将本地资源上传至开发者服务器的 API，支持单文件和多文件上传。支持单文件和多文件上传（需根据平台差异处理）从微信客户端会话（聊天记录）中选择文件，支持图片、视频及其他类型文件。小程序需通过多次调用。
uni-app 兼容安卓使用 uni.chooseImage，打印结果没有tempFiles，取不到文件名称
乔的博客
08-12 989
在这里插入图片描述](https://img-blog.csdnimg.cn/dedb265509794ec1af4f0b1e66233842.png。
uniapp图片上传预览uni.chooseImage、uni.previewImage
蓝鲸鱼计算机软件开发工作室创始人
11-28 3538
current 为当前显示图片的链接/索引值，不填或填写的值无效则为 urls 的第一张。App端如需要更丰富的相机拍照API（如直接调用前置摄像头），参考。1.9.5+ 支持传图片在 urls 中的索引值。，其中 B1 与 B2 的图片链接是一样的。微信小程序从基础库 2.21.0 开始，//可以指定是原图还是压缩图，默认二者都有。从本地相册选择图片或使用相机拍照。//是否可以循环预览 无效。// 图片指示器样式 无效。
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 IOS 本地图片上传的坑
qq_51084413的博客
07-11 287
最近在uniapp用IOS上传图片的时候老是报图片类型错误，后面发现是因为IOS选择本地图片的时候后缀总是转成了大写，遇到这种情况让后台把允许的文件类型比如png也加上大写的PNG就可以上传成功了。
Uniapp chooseImage 选择图片 & 自定义上传
又是再见?
03-07 2751
按照官方文档上的写法, 取 tempFilePaths 获取到的是一个 blob:xxx 的文件流, 我们的后端服务不支持这样传参, 报错;- uni.uploadFile 的 file 参数为自己后端服务定义的参数名。- uni.uploadFile 的 filePath 为文件的实际路径。uniApp 开发过程中, 需要上传图片到自己的后端服务。
uniapp使用uni.chooseImage选择图片后对其是否符合所需的图片大小和类型进行校验
qq_45569925的博客
05-22 2648
uni.chooseImage的返回值在H5平台和其他平台的返回值有所差异，具体差异看下图根据图片可以看出要想判断上传的文件类型是不能直接使用type进行判断的，所以我使用截取字符串的形式来判断，当前上传图片的后缀名是否符合所需要求。
java图片后缀大小写,图片上传，大小写在JPG扩展名不起作用
weixin_32647107的博客
02-26 477
I'm making an image uploader but for some reason i'm not allowed to upload JPG images in capital letters. How is this possible?I also tried to add JPG to the allowedExts array but that is also not wor...
Uni-app官方文档（二）对于图片上传限制格式和大小
这里是前端，是不一样的前端
07-29 1万+
uniapp图片上传限制大小 uni.chooseFile uni.chooseImage() 1M=1024KB=1048576B,8M 等于8388608B但是一般说的时候都是忽略了1024中的24,直接使用的1M=1000KB整算。 uni.chooseImage({ success: (chooseImageRes) => { const tempFilePaths = chooseImageRes.tempFilePaths; const tempFil
【uniapp小程序】上传图片
热门推荐
qq_49002903的博客
01-09 4万+
本篇文章我们研究一下，在移动端开发过程中经常使用到的图片上传功能。在大多数小程序或者APP中都会遇到一些实名认证或者头像上传的功能。uniapp官方也提供了相应的API供我们使用。
小程序uniapp图片上传不超过9张
yu_0119的博客
08-30 1720
uniapp小程序图片上传
springboot 文件上传图片格式问题解决方案
yulate的个人博客
08-12 1712
一、发现问题 之前在写博客系统后端的时候遇到了一个小问题 图片的类型有大写的.PNG和小写的.png 虽然他们之间并无什么区别 但是在就行判断的时候就会出现问题 但是你又不能让用户上传小写的.png图片 那么我们要怎么来解决这个问题呢 很简单 在进行比对之前统一把后缀转为小写 还有一种就是.jpg 和 .jpeg 这两种图片格式在保存的时候也存在着问题 发现了吗 在文件管理器查看的时候是.jpg格式 但是在上传的时候调用file.getContentType()的时候却是.jpeg格式 这种图片我们也
小程序笔记（8）文件上传
weixin_43493559的博客
10-30 504
哎呀！今天没下雨，有点小开心！！！
使用uni.chooseImage编写h5拿不到拍照后的图片问题
m0_68848094的博客
06-02 1185
解决：这个问题是因为调用uni.chooseImage会调起来ios的相机属于前台服务并同时把你这个页面放在后台，当你拍照完成后返回你写的页面属于从后台切换到前台服务就会导致刷新。我们的解决方案是让ios写一个判断 拿你当前路由做判断如果是这个页面调用拍照就不让刷新 就可以解决。因为我们这个h5是属于内嵌在app的h5所以只能让ios去做处理了。但是一般网页h5是不会出来这个问题的。问题：使用 uni.chooseImage ios拍照拿不到照片（安卓可以，因为安卓我们APP是重写的）
uni-app图片读取问题
Lichsten的博客
08-11 4019
uni-app图片读取只能从静态资源或者使用网络图片 如果想使用本地图片的话需要将路径映射到磁盘路径中去。这里我们在properties中写： filePath=D:/temp/images/ spring.resources.static-locations=classpath:static/**spring.resources.static-locations=classpath:/META-INF/resources/,classpath:/resources/,classpath:/stati
解决uniapp中uni.chooseImage选择图片后临时路径转base64
ych1274816963的博客
02-14 7585
由于 uni.chooseImage 不像 wx.chooseImage提供了直接转为base64的方法，有时候上传后台需要base64格式的图片，那么这时候就需要将临时路径转为base64格式。 第一步：安装pathToBase64插件（https://ext.dcloud.net.cn/plugin?id=123） 第二步：引入js并结合 uni.chooseImge 使用 import { pathToBase64 } from '../js_sdk/m...
uni.chooseImage获取图片后缀
03-24
### 如何通过 `uni.chooseImage` 方法获取选中图片的文件后缀 在使用 `uni.chooseImage` 方法时，可以通过返回的对象中的路径来解析出图片的文件后缀名。具体实现方式如下： #### 解析思路 当调用 `uni.chooseImage` 后，会返回一个对象数组，其中每个对象都包含所选图片的信息，包括本地临时路径 (`tempFilePath`)。该路径通常以 `.jpg`, `.png` 等扩展名结尾。可以利用 JavaScript 的字符串操作函数提取这些扩展名。 以下是具体的代码示例： ```javascript // 使用 uni.chooseImage 获取图片并解析其后缀名 uni.chooseImage({ count: 1, // 设置最多可以选择的图片张数 sizeType: ['original', 'compressed'], // 可以指定原图或压缩图 sourceType: ['album', 'camera'], // 图片来源，相册或者相机 success(res) { const tempFilePaths = res.tempFilePaths; // 获取到的是一个数组 if (tempFilePaths.length > 0) { const filePath = tempFilePaths[0]; // 假设只处理第一张图片 const suffix = filePath.substring(filePath.lastIndexOf('.') + 1).toLowerCase(); // 提取后缀名 console.log('图片后缀名为:', suffix); // 输出后缀名 } }, fail(err) { console.error('选择图片失败:', err); } }); ``` 上述代码实现了从 `tempFilePath` 中提取文件后缀的功能[^1]。需要注意的是，在某些情况下（例如基础库版本较低），可能存在兼容性问题[^2]。因此建议开发者测试不同平台下的表现，并确保使用的 API 支持当前环境。 另外，如果遇到页面加载性能问题，尤其是涉及大量图片渲染的情况下，可通过 CSS 属性优化体验[^3]。 ---
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值