moment/src/qml/Base/HFileDialogOpener.qml

import QtQuick 2.12
import Qt.labs.platform 1.1

Item {
    id: opener
    anchors.fill: parent

    property alias dialog: fileDialog
    property string selectedFile: ""
    property string file: ""

    enum FileType { All, Images }
    property int fileType: HFileDialogOpener.FileType.All

    TapHandler { onTapped: fileDialog.open() }

    FileDialog {
        id: fileDialog

        property var filters: ({
            all:    qsTr("All files") + " (*)",
            images: qsTr("Image files") +
                    " (*.jpg *.jpeg *.png *.gif *.bmp *.webp)"
        })

        nameFilters:
            fileType == HFileDialogOpener.FileType.Images ?
            [filters.images, filters.all] :
            [filters.all]

            folder: StandardPaths.writableLocation(
                fileType == HFileDialogOpener.FileType.Images ?
                StandardPaths.PicturesLocation :
                StandardPaths.HomeLocation
            )

        title: "Select file"
        modality: Qt.NonModal

        onVisibleChanged: if (visible) {
            opener.selectedFile = Qt.binding(() => Qt.resolvedUrl(currentFile))
            opener.file         = Qt.binding(() => Qt.resolvedUrl(file))
        }
        onAccepted: { opener.selectedFile = currentFile, opener.file = file }
        onRejected: { selectedFile = ""; file = ""}
    }
}