使用Coil加载图片时，如何获取重定向后的最终图片URL？

要获取Coil加载图片后最终的重定向URL，有两种简单可行的方案：

方案一：使用ImageRequest的Listener回调 #

直接给ImageRequest添加listener，在图片加载成功的回调中获取更新后的请求数据——Coil会自动将request.data更新为重定向后的最终URL。

修改你的代码如下：

val context = LocalContext.current
val finalImageUrl = remember { mutableStateOf<String?>(null) }

SubcomposeAsyncImage(
    modifier = Modifier
        .width(imageWidth)
        .height(imageHeight)
        .align(Alignment.BottomCenter)
        .clip(CircleShape),
    model = ImageRequest.Builder(context)
        .data("https://unsplash.it/200/200")
        .crossfade(true)
        .listener(
            onSuccess = { request, _ ->
                // 此处request.data即为重定向后的最终图片URL
                finalImageUrl.value = request.data.toString()
            }
        )
        .build(),
    alignment = Alignment.BottomCenter,
    contentDescription = "Avatar Image"
) {
    val state = painter.state
    if (state is AsyncImagePainter.State.Loading) {
        Box(
            modifier = Modifier.size(10.dp),
            contentAlignment = Alignment.Center
        ) {
            CircularProgressIndicator(strokeWidth = 2.dp, color = BlueColor)
        }
    } else {
        SubcomposeAsyncImageContent(
            modifier = Modifier.clip(CircleShape),
            contentScale = ContentScale.Fit
        )
        // 加载完成后可使用finalImageUrl.value
        finalImageUrl.value?.let { url ->
            Text(text = "最终图片URL: $url")
        }
    }
}

方案二：自定义拦截器捕获重定向 #

如果需要全局或多个请求中跟踪重定向URL，可以自定义一个拦截器，在响应中提取最终URL：

class RedirectTrackerInterceptor : Interceptor {
    var finalUrl: String? = null

    override suspend fun intercept(chain: Interceptor.Chain): ImageResult {
        val result = chain.proceed(chain.request())
        if (result is SuccessResult) {
            // 从响应元数据中获取最终URL
            finalUrl = result.metadata.response?.url?.toString()
        }
        return result
    }
}

然后在ImageRequest中添加这个拦截器：

val redirectInterceptor = remember { RedirectTrackerInterceptor() }

SubcomposeAsyncImage(
    modifier = Modifier
        .width(imageWidth)
        .height(imageHeight)
        .align(Alignment.BottomCenter)
        .clip(CircleShape),
    model = ImageRequest.Builder(LocalContext.current)
        .data("https://unsplash.it/200/200")
        .crossfade(true)
        .addInterceptor(redirectInterceptor)
        .build(),
    alignment = Alignment.BottomCenter,
    contentDescription = "Avatar Image"
) {
    val state = painter.state
    if (state is AsyncImagePainter.State.Loading) {
        // 加载中UI
        Box(
            modifier = Modifier.size(10.dp),
            contentAlignment = Alignment.Center
        ) {
            CircularProgressIndicator(strokeWidth = 2.dp, color = BlueColor)
        }
    } else if (state is AsyncImagePainter.State.Success) {
        SubcomposeAsyncImageContent(
            modifier = Modifier.clip(CircleShape),
            contentScale = ContentScale.Fit
        )
        // 加载成功后读取拦截器中的finalUrl
        redirectInterceptor.finalUrl?.let { url ->
            // 此处使用最终URL
        }
    }
}

注意事项 #

• 务必在图片加载成功后（比如AsyncImagePainter.State.Success状态或onSuccess回调内）访问最终URL，避免获取到初始的重定向链接。
• 方案一适合单个请求的场景，实现更简洁；方案二更适合需要统一处理多个请求重定向的场景。

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