File Upload · Events
Subscribe to file changes from LiveView or the client.
On file change (Server)
Drag your file(s) here
| Time | Id | Value |
|---|---|---|
|
No event yet. |
||
<.file_upload
class="file-upload"
name="ev-server[]"
on_file_change="fu_ev_server"
>
<:label>Upload</:label>
<:close>
<.heroicon name="hero-x-mark" />
</:close>
</.file_upload>
def handle_event("fu_ev_server", %{"id" => id, "acceptedCount" => c, "rejectedCount" => r} = params, socket) do
IO.inspect(params, label: "fu_ev_server")
{:noreply, socket}
end
On file change (Client)
Drag your file(s) here
| Time | Id | Value |
|---|---|---|
|
No event yet. |
||
<.file_upload
class="file-upload"
name="ev-client[]"
on_file_change_client="file-upload-file-change"
>
<:label>Upload</:label>
<:close>
<.heroicon name="hero-x-mark" />
</:close>
</.file_upload>
const el = document.getElementById("file-upload-events-client");
el?.addEventListener("file-upload-file-change", (event) => console.log(event.detail));
def handle_event("fu_ev_client", %{"id" => id, "acceptedCount" => c, "rejectedCount" => r} = params, socket) do
IO.inspect(params, label: "fu_ev_client")
{:noreply, socket}
end