Qt FileDialog name filters

FileDialog nameFilters

import QtCore
import QtQuick
import QtQuick.Controls
import QtQuick.Dialogs

ApplicationWindow {
    visible: true
    width: 1280
    height: 720
    title: "Photo Viewer"

    Rectangle {
        anchors.fill: parent
        color: "black"

        Image {
            id: imageView
            x: 0
            y: 0
            width: parent.width
            height: parent.height
            visible: fileDialog.fileUrl !== ""
            fillMode: Image.PreserveAspectFit
        }
    }

    Button {
        z: 1
        anchors {
            right: parent.right
            bottom: parent.bottom
            margins: 10
        }
        text: "Choose photo.."
        onClicked: {
            fileDialog.open()
        }
    }

    FileDialog{
        id: fileDialog
        title: "Choose photo file"
        nameFilters: ["Image files (*.jpg *.png *.bmp)"]
        onAccepted: {
            console.log("selectedFile:", selectedFile)
            imageView.source = selectedFile
        }
    }
}

filedialog의 property 중 name filters를 사용하면

 

이렇게 파일을 선택할 때, 파일 유형을 필터링하는 기능을 만들 수 있다.