QML中ListView展示相机拍摄照片时部分照片丢失问题咨询

这个问题我之前也碰到过，核心原因是Camera的preview URL（image://camera/preview_*）是临时缓存资源，并不会持久化存储。当Camera组件内部回收了旧的预览缓存，或者ListView因为懒加载复用了委托时，再去访问这些旧的preview URL就会触发加载失败的错误，也就是你看到的Failed to get image from provider提示。

下面给你两个最靠谱的解决方案，按需选择：

方案1：将照片保存到本地文件系统（推荐） #

直接把拍摄的照片存储到本地，用文件路径作为Image的source，这样图片是持久化的，完全不会依赖Camera的临时缓存。

示例代码：

import QtQuick 2.15
import QtMultimedia 5.15

Rectangle {
    width: 640
    height: 480

    Camera {
        id: camera
        captureMode: Camera.CaptureStillImage
    }

    CaptureSession {
        camera: camera
        imageCapture: ImageCapture {
            id: imageCapture
            onImageCaptured: function (id, preview) {
                // 生成唯一的文件路径，这里用临时目录+时间戳避免重名
                const filePath = Qt.temporaryDir() + "/captured_photo_" + Date.now() + ".jpg";
                // 保存照片到本地
                preview.save(filePath);
                // 将文件路径添加到列表模型
                photoModel.append({ "photoPath": filePath });
            }
        }
    }

    ListModel {
        id: photoModel
    }

    ListView {
        anchors.bottom: parent.bottom
        anchors.left: parent.left
        anchors.right: parent.right
        height: 120
        model: photoModel
        orientation: ListView.Horizontal

        delegate: Image {
            width: 100
            height: 100
            source: photoPath
            fillMode: Image.PreserveAspectFit
            border.width: 1
            border.color: "gray"
            margin: 5
        }
    }

    Button {
        anchors.bottom: ListView.top
        anchors.horizontalCenter: parent.horizontalCenter
        text: "拍摄照片"
        onClicked: imageCapture.capture()
    }
}

注意事项： #

• 不同平台的存储权限需要处理，比如Android需要WRITE_EXTERNAL_STORAGE或MANAGE_EXTERNAL_STORAGE权限，iOS需要相册访问权限。
• 如果用临时目录，记得在合适的时机清理旧文件，避免占用过多存储空间。

方案2：直接存储Image对象而非preview URL #

如果你不想存本地文件，可以把拍摄得到的preview对象直接存储到ListModel里，这样能保留对图片数据的引用，防止Camera回收缓存。

示例代码：

// ... 其他部分和方案1类似，修改ImageCapture的回调和ListView委托
ImageCapture {
    id: imageCapture
    onImageCaptured: function (id, preview) {
        // 直接存储Image对象到模型
        photoModel.append({ "photoData": preview });
    }
}

ListView {
    // ... 其他属性
    delegate: Image {
        width: 100
        height: 100
        source: photoData // 直接引用模型里的Image对象
        fillMode: Image.PreserveAspectFit
        // ... 其他样式属性
    }
}

这种方式不需要处理文件存储，但要注意：如果ListModel里的对象太多，可能会占用较多内存，所以适合照片数量不多的场景。

额外提示 #

ListView的委托复用机制也可能加剧这个问题——当委托被滑出可视区域后会被销毁，再次滑入时复用委托，此时原来的preview URL已经失效。所以无论用哪种方案，核心都是脱离对Camera临时preview缓存的依赖，用持久化的图片源。

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