# LiveView File Upload - Flush errors and reset

**URL:** <https://forum.elixirforum.com/t/liveview-file-upload-flush-errors-and-reset/64629>\
**Category:** Questions\
**Tags:** phoenix, error-handling, liveview, live-upload\
**Created:** [July 1, 2024, 4:30pm UTC](https://forum.elixirforum.com/t/liveview-file-upload-flush-errors-and-reset/64629 "2024-07-01T16:30:23Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![marschro](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/marschro/32/23466_2.png) [@marschro](https://forum.elixirforum.com/u/marschro)\
**Post date:** [July 1, 2024, 4:30pm UTC](https://forum.elixirforum.com/t/liveview-file-upload-flush-errors-and-reset/64629/1 "2024-07-01T16:30:23Z")

</div>

Hi everyone,

I have implemented a file upload with live view.  
I follow pretty much the [basics](https://hexdocs.pm/phoenix_live_view/1.0.0-rc.6/uploads.html#appendix-a-uploadlive), except of having a custom upload-writer.

What I figured out is the following:

1. When having a **live\_file\_input**
2. And set **allow\_upload** with max\_entries: 2
3. Then, uploading two files successfully
4. And then, being within the same LiveView, adding again a file to the upload
5. Then the error comes up: **:too\_many\_files** - so even when the max files of two just were uploaded successfully, the next upload is counted as third file…

This should not be the case. Somehow, after every successful upload, the entries are not cleared or the errors not flushed.

This prevents from consecutive uploads.

In order to solve that, the live-view has to be re-mounted (reloaded) then the upload works again.

There is the option to **disallow\_upload/2** - but that does not work (tried to disallow and re-allow again)

What I miss, is the option that the upload is re-initialized when all uploads are done, or manually to reset or re-init the upload after all went successfully.

Can everyone reproduce that or did I something wrong?  
Any hint appreciated.

Cheers,  
Martin

---

<div class="post-metadata">

**Author:** ![marschro](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/marschro/32/23466_2.png) [@marschro](https://forum.elixirforum.com/u/marschro)\
**Post date:** [July 1, 2024, 9:14pm UTC](https://forum.elixirforum.com/t/liveview-file-upload-flush-errors-and-reset/64629/2 "2024-07-01T21:14:18Z")

</div>

If anyone ever runs into that problem, you probably haven’t implemented **consume\_upload\_entries/3** in your lv.

It’s not obvious as long if you do not read the documentation carefully, where everything is totally fine explained.

> **Consumes the uploaded entries.**  
> Raises when there are still entries in progress. Typically called when submitting a form to handle the uploaded entries alongside the form data. For form submissions, it is guaranteed that all entries have completed before the submit event is invoked. **Once entries are consumed, they are removed from the upload.**

You need to invoke that function to clean up the uploaded entries… this function incorporates the flushing and clean up and everything.

> **[Phoenix.LiveView — Phoenix LiveView v1.0.0-rc.6](https://phoenix-live-view.hexdocs.pm/1.0.0-rc.6/Phoenix.LiveView.html)**

have fun… there is always a solution to everything… 😃

---

<div class="post-metadata">

**Author:** ![marschro](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/marschro/32/23466_2.png) [@marschro](https://forum.elixirforum.com/u/marschro)\
**Post date:** [July 2, 2024, 8:54pm UTC](https://forum.elixirforum.com/t/liveview-file-upload-flush-errors-and-reset/64629/3 "2024-07-02T20:54:04Z")

</div>

And if you use the option `auto_upload: true` then sth like this does the trick:

```elixir
@impl Phoenix.LiveView
def handle_event("cancel_upload", %{"ref" => ref}, socket) do
  socket = socket |> cancel_upload(:files, ref)

  case socket.assigns.uploads.files.entries |> Enum.all?(& &1.done?) do
    true ->
      consume_uploaded_entries(socket, :files, fn _res, _entryy -> {:ok, nil} end)

      {:noreply,
        socket
        |> assign(:all_uploads_done, true)
        |> put_flash(:info, "All files uploaded")}

    false ->
      {:noreply, socket}
  end
end

```
