在Jetpack Compose中用Coil显示视频缩略图，model参数该如何设置？

直接把video.uri传入File()是行不通的——因为你从MediaStore拿到的uri是content://开头的内容URI，并非真实的文件路径，File类无法解析这种URI，会导致Coil加载失败。下面是正确的处理步骤：

1. 从Content URI获取真实文件路径 #

先写一个工具函数，通过ContentResolver查询MediaStore，拿到视频文件的真实路径：

fun getVideoFilePath(context: Context, uri: Uri): String? {
    // 查询视频文件的真实路径字段
    val projection = arrayOf(MediaStore.Video.Media.DATA)
    context.contentResolver.query(uri, projection, null, null, null)?.use { cursor ->
        return if (cursor.moveToFirst()) {
            val pathIndex = cursor.getColumnIndexOrThrow(MediaStore.Video.Media.DATA)
            cursor.getString(pathIndex)
        } else {
            null
        }
    }
    return null
}

2. 在Compose中创建File对象并加载 #

在你的Compose代码中，先获取文件路径，再创建File对象传给Coil的model：

val context = LocalContext.current
// 记住文件路径，避免重复查询
val videoFilePath = remember(video.uri) { getVideoFilePath(context, video.uri) }

val painter = rememberAsyncImagePainter(
    model = videoFilePath?.let { File(it) },
    imageLoader = imageLoader,
    // 可选：添加加载占位符和错误占位符
    placeholder = painterResource(R.drawable.loading_placeholder),
    error = painterResource(R.drawable.error_placeholder)
)

Image(
    painter = painter,
    contentDescription = video.displayName,
    contentScale = ContentScale.Crop,
    alignment = Alignment.Center,
    modifier = Modifier.size(48.dp).background(Color.Cyan)
)

注意事项 #

• 权限申请：必须确保应用拥有读取视频文件的权限：
  • Android 12及以下：需要在Manifest中声明<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>，并动态申请权限。
  • Android 13及以上：替换为<uses-permission android:name="android.permission.READ_MEDIA_VIDEO"/>，同样需要动态申请。
• Android Q+适配：在Android 10及以上，MediaStore.Video.Media.DATA字段可能被限制返回真实路径（尤其是针对Scoped Storage）。如果遇到这种情况，更推荐继续使用原有的Content URI直接加载——你的初始代码其实已经可以正常工作，Coil的coil-video扩展支持直接解析MediaStore的Content URI生成缩略图，没必要强行转成File对象。

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