uniapp 获取上传图片的文件名
时间: 2025-04-23 17:56:33 浏览: 32
### 使用 UniApp 上传图片并获取文件名
当使用 `uni.chooseImage` 函数选择图片时,返回的对象中包含了所选图片的信息数组。每张图片信息对象中的 `path` 属性表示的是本地临时路径,并不直接提供原始文件名[^1]。
为了得到更详细的文件信息,包括可能的原文件名,在部分平台上(如微信小程序),可以通过访问 `tempFiles` 数组来尝试获取更多细节。此数组里的每一项都有一个名为 `name` 的属性,该属性有时会携带原始文件的名字。
然而需要注意的是,并不是所有的平台都支持这一特性;对于那些不支持的情况,则需考虑其他方式构建或指定文件名称。一种常见做法是以当前时间戳或者其他唯一标识符作为新文件命名依据。
下面是一个简单的代码片段展示如何尽可能地读取文件名:
```javascript
// 调用 uni.chooseImage 来选取照片
uni.chooseImage({
count: 1, // 只允许选择一张图片
success(res) {
const tempFilePaths = res.tempFilePaths;
let fileName;
// 尝试从 tempFiles 中提取文件名
if (res.tempFiles && res.tempFiles.length > 0){
fileName = res.tempFiles[0].name || 'default_name';
} else {
// 如果无法取得则创建默认名字
fileName = `${new Date().getTime()}.jpg`;
}
console.log('Selected file name:', fileName);
// 继续处理上传逻辑...
}
});
```
阅读全文
相关推荐


















