Ops ⟩ Sidebar ⟩ LocalFileToDataUrl

LocalFileToDataUrl Op

load a local file and output as data url

Let the user select a file from their local harddrive. The file is not loaded to any server, it is just loaded in to memory. You can connect the dataUrl output to a texture op to load an image as a texture in cables. Internally it uses an <code>&lt;input type="file"/&gt;</code> , the way standard html file select <h3>Accept Parameter</h3> <ul> <li>A valid case-insensitive filename extension, starting with a period (".") character. For example: <code>.jpg</code>, <code>.pdf</code>, or <code>.doc</code></li> <li>Multiple extensions seperated by comma, like <code>.png,.jpg</code></li> <li>A valid MIME type string, with no extensions.</li> <li>The string <code>audio/</code> meaning "any audio file".</li> <li>The string <code>video/</code> meaning "any video file".</li> <li>The string <code>image/*</code> meaning "any image file".</li> </ul>

Full Name

Ops.Sidebar.LocalFileToDataUrl

Visibility

Core Op - Official cables op

License

Author

pandur

github

source

Test Patches

1 Test

Example Patch example LocalFileToDataUrl

Open In Editor

INPUT PORTS

link (Object)

Text (String)

Button Text (String)

Accept Files (String)

Allow Multiple Files (Number:boolean
)

Id (Number:string
)

Visible (Number:boolean
)

Grey Out (Number:boolean
)

Show Dialog (Trigger)

Reset (Trigger)

OUTPUT PORTS

childs (Object)

Data URL (String)

Filename (String)

File Object (Object)

File Select Button now shows Filename when a file was selected

Num Files (Number)

Data URLs (Array)

Filenames (Array)

File Changed (Trigger)

Patches using LocalFileToDataUrl

Examples
Team
Public
My Patches
My Ops

Changelog

	created op	pandur - 2020-08-19 12:11
	Ops.User.pandur.LocalFileToDataUrl renamed to Ops.Sidebar.LocalFileToDataUrl	pandur - 2020-08-19 15:26
	react properly to disconnecting parent	stephan - 2022-02-03 12:34
feature	added input field for button text	pandur - 2024-01-23 09:07
feature	File Select Button now shows Filename when a file was selected	pandur - 2024-02-02 10:41
feature	Added Accept input to filter accepable files by extension	pandur - 2024-02-02 10:50
feature	Added Option to select multiple files at the same time	pandur - 2024-02-07 16:17