ShowOpenFilePickerOptions.md

ShowOpenFilePickerOptions

Namespace: SpawnDev.SpawnJS.JSObjects
Source: JSObjects/ShowOpenFilePickerOptions.cs
MDN Reference: ShowOpenFilePickerOptions on MDN

https://developer.mozilla.org/en-US/docs/Web/API/Window/showOpenFilePicker#options

Properties

Property	Type	Access	Description
ShowOpenFilePickerOptions	class	get	https://developer.mozilla.org/en-US/docs/Web/API/Window/showOpenFilePicker#options
Id	string?	get/set
Multiple	bool?	get
Types	IEnumerable<FilePickerType>?	get

Examples

SpawnDev.SpawnJS Mapping Note: The JavaScript examples below show the standard Web API usage. In SpawnDev.SpawnJS, the same API is available with C# conventions:

• Properties and methods use PascalCase (e.g., readyState becomes ReadyState)
• Events use ActionEvent with +=/-= (e.g., addEventListener("click", fn) becomes OnClick += handler)
• Async methods return Task<T> instead of Promise<T>
• Objects should be disposed with using statements
• Access via JS.Get<ShowOpenFilePickerOptions>(...) or constructor new ShowOpenFilePickerOptions(...)

const pickerOpts = {
  types: [
    {
      description: "Images",
      accept: {
        "image/*": [".png", ".gif", ".jpeg", ".jpg"],
      },
    },
  ],
  excludeAcceptAllOption: true,
  multiple: false,
};

// create a reference for our file handle
let fileHandle;

async function getFile() {
  // open file picker, destructure the one element returned array
  [fileHandle] = await window.showOpenFilePicker(pickerOpts);

  // run code with our fileHandle
}

See full example on MDN