Orbito - Dokumentacja modułówOrbito - Dokumentacja modułów
Wprowadzenie
Pierwsze kroki
API
Komunikacja
Widoki
Wdrożenie
Społeczność
For AI agents
Wprowadzenie
Pierwsze kroki
API
Komunikacja
Widoki
Wdrożenie
Społeczność
For AI agents
  • OrbitoViewEngine

    • Wprowadzenie
    • BaseView – Klasa bazowa
    • Zmienne (VarStore)
    • Listy i notacja .$
    • Szablony Handlebars
    • Akcje (ActionHandler)
    • Tabele danych
    • Edycja danych
    • Kontrolki wartości
    • Warianty stylistyczne
    • Komponenty i sloty
    • Pliki, kamera i schemat z serwera
  • Widoki

    • AvatarView
    • BadgeView
    • ButtonView
    • CameraView
    • CardView
    • CheckboxGroupView
    • CheckboxView
    • ComponentView
    • CssBoxView
    • DataTableView
    • DropdownView
    • DynamicListView
    • DynamicView
    • FilePickerView
    • FilePreviewView
    • FlexView
    • GridView
    • HtmlView
    • InlineEditView
    • InputView
    • ListView
    • ModalView
    • PopoverView
    • RadioGroupView
    • RowView
    • SelectView
    • SliderView
    • SlotView
    • StepperView
    • TabsView
    • TextInputView
    • TextView

FilePreviewView

Źródło: views/FilePreviewView.js

FilePreviewView

Podgląd pliku zwróconego przez API albo wskazanego adresem — obraz, PDF lub tekst — wraz z akcjami „Pobierz” i „Otwórz”.

Widok zarządza cyklem życia objectURL: adres tworzony z treści base64 jest zwalniany przy zmianie pliku i przy odmontowaniu widoku, więc podgląd nie wycieka pamięcią.

Schema

type: filepreview
id: invoicePreview
title: Faktura
valueFrom: orderDetail.invoice     # obiekt albo string (base64 / adres)
source: base64                     # base64 | text | url — gdy `valueFrom` daje string
mimeType: application/pdf
filename: faktura.pdf
height: 420px
actions: true                      # przyciski Pobierz / Otwórz (domyślnie true)
emptyMessage: Brak pliku

Plik można też podać wprost: contentBase64, content albo url.

Gdy valueFrom wskazuje obiekt, widok czyta z niego pola contentBase64 / content / url, mimeType oraz filename (albo name), więc odpowiedź API nie wymaga mapowania.

Parametry

  • type - Typ widoku: "filepreview"
  • valueFrom - Ścieżka do pliku w stanie ($page.*, <viewId>.pole); podgląd odświeża się po zmianie wskazanej zmiennej
  • source - Jak traktować wartość tekstową: base64 (domyślnie), text, url
  • contentBase64 / content / url - Plik podany wprost w schemacie
  • mimeType - Typ pliku (bez niego zgadywany z nazwy/adresu)
  • filename - Nazwa pliku (nazwa pobieranego pliku i podpis)
  • title - Nagłówek podglądu (opcjonalne)
  • height - Wysokość obszaru podglądu (domyślnie 320px)
  • actions - false ukrywa przyciski akcji
  • emptyMessage - Komunikat, gdy nie ma czego pokazać
Ostatnio zaktualizowano:: 25.08.2026, 12:56
Contributors: Wiktor Koźmiński
Prev
FilePickerView
Next
FlexView