无法直接从url获取远程图片原始文件名，必须通过uni.getimageinfo或服务端响应头解析；因url常无真实文件名（如cdn、api接口、带签名参数链接），url.split('/').pop()易出错。
无法直接从 URL 获取远程图片的原始文件名，必须通过 uni.getImageInfo 或服务端响应头解析。URL 本身不保证携带真实文件名（比如 CDN 地址、带 query 参数的链接、无后缀的接口地址），盲目用 url.split('/').pop() 会出错。
为什么 url.split('/').pop() 不可靠
很多远程图片 URL 并不反映真实文件名：
-
https://cdn.example.com/img?id=12345→pop()得到"img?id=12345"，不是文件名 -
https://api.example.com/poster/1001→ 返回的是 PNG 内容，但路径里根本没有.png -
https://oss.aliyuncs.com/bucket/a.jpg?Expires=123&OSSAccessKeyId=xxx→pop()是带签名参数的乱码
这类情况在微信小程序、App、H5 各平台都存在，且无法靠前端拼接还原。
uni.getImageInfo 是最通用的解法（推荐）
该 API 会实际请求图片资源，并返回包含 path（本地临时路径）、width、height 等信息的对象；关键点是：它的 path 在 App 和 H5 平台会带真实扩展名（如 /data/user/0/xxx/cache/xxx.png），可安全提取。
- 它自动处理跨域（H5）、域名白名单（小程序）、HTTPS 验证（App）等前置条件
- 失败时能明确报错（如
fail: "invalid url"或"network error"），比手动解析健壮得多 - 调用后立刻获得可用的本地路径，后续可直接用于
uni.saveImageToPhotosAlbum或canvas.drawImage
示例：
uni.getImageInfo({
src: 'https://example.com/qrcode.png?ts=123',
success: (res) => {
const fileName = res.path.split('/').pop(); // ✅ 安全，如 "qrcode.png"
console.log('实际文件名:', fileName);
},
fail: (err) => {
console.error('获取图片信息失败:', err);
}
});
需要原始文件名？得依赖服务端 Content-Disposition 响应头
如果业务强依赖原始文件名（比如下载保存时保留原名），唯一可靠方式是让后端在 HTTP 响应头中带上 Content-Disposition: attachment; filename="xxx.jpg"。此时前端需用 uni.downloadFile，并在 success 回调中读取响应头（仅 App 和 H5 支持，小程序不支持访问响应头）：
- App 端：
res.header['Content-Disposition']可提取filename=后的内容 - H5 端：需配合
responseType: 'arraybuffer'+ 自定义请求（uni.request），再解析 header - 小程序端：不支持，只能退回到用
uni.getImageInfo的临时路径名
注意：iOS App 对响应头访问有沙盒限制，部分版本可能为空，务必实测。
真正容易被忽略的是：很多人以为「只要 URL 里有 .jpg 就能用」，结果在线上 CDN 或动态图床场景下批量失效。别省那一次 API 调用 —— uni.getImageInfo 是目前跨平台最稳的锚点。
