已知Firebase Storage文件名规则，如何获取调整尺寸后图片的下载URL

完全可行，但不建议直接粗暴在URL末尾拼后缀，很容易踩坑。下面给两种可落地的实现方式，优先选第一种，稳定性最高。

方案1：通过Storage引用推导缩略图地址（推荐） #

这种方式完全依赖官方SDK能力，不需要手动解析URL字符串，不会因为Firebase后续调整下载URL结构、或者文件名带多段扩展名（比如image.2024.png这种）导致逻辑失效。
Firebase Resize Images扩展生成的缩略图默认和原图存在同一存储目录下，命名规则固定：在原文件名（不含扩展名的部分）末尾加*_320x320*后缀，保留原文件扩展名。你可以直接基于已有的原图引用推导缩略图的存储引用，再调用getDownloadURL获取永久访问链接，和你现在拿原图链接的逻辑完全一致，不会出现7天过期的问题。
直接把逻辑嵌到你现有的上传完成回调里就行：

() => {
  getDownloadURL(userUploadRef).then(async (downloadUrl) => {
    // 从原文件引用里拆分目录、文件名、扩展名
    const originalFullPath = userUploadRef.fullPath;
    const fileDir = originalFullPath.slice(0, originalFullPath.lastIndexOf('/'));
    const originalName = userUploadRef.name;
    const fileExt = originalName.slice(originalName.lastIndexOf('.'));
    const nameWithoutExt = originalName.slice(0, originalName.lastIndexOf('.'));

    // 拼接缩略图的存储路径
    const resizedName = `${nameWithoutExt}_320x320${fileExt}`;
    const resizedRef = ref(storage, `${fileDir}/${resizedName}`);
    
    // 获取缩略图的永久下载链接
    const resizedUrl = await getDownloadURL(resizedRef);

    // 后续把原图链接downloadUrl、缩略图链接resizedUrl一并写入Firestore即可
  })
}

方案2：直接字符串修改原图下载URL #

如果你不想额外调用一次getDownloadURL，也可以直接解析原图下载URL字符串修改文件名部分，但是要注意：Firebase返回的下载URL末尾带?alt=media&token=xxx的鉴权参数，绝对不能直接在整个URL末尾加后缀，否则会破坏参数结构导致链接失效。
正确的字符串处理逻辑如下：

const getResizedUrl = (originalUrl, suffix = '_320x320') => {
  // 先拆分资源路径和查询参数
  const [resourcePath, queryStr] = originalUrl.split('?');
  // 拆分路径拿到原文件名
  const pathSegs = resourcePath.split('/');
  const originFileName = pathSegs.pop();
  // 拆分文件名主体和扩展名（兼容多段.的文件名）
  const dotLastIndex = originFileName.lastIndexOf('.');
  const nameBody = originFileName.slice(0, dotLastIndex);
  const ext = originFileName.slice(dotLastIndex);
  // 拼回完整URL
  pathSegs.push(`${nameBody}${suffix}${ext}`);
  return `${pathSegs.join('/')}?${queryStr}`;
};

风险提示：这个方案属于硬编码解析URL结构，如果未来Firebase调整了下载URL的格式规则，逻辑会直接失效，生产环境优先使用方案1。

内容的提问来源于stack exchange，提问作者Ripas55