File Upload · Events

    <.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
  

    <.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