martinjanda
How add error to @uploads for live_file_input?
I have a form that uses liveview file upload. I would like to check that the user has selected the file and if not, display an error.
In the heex file I use .live_file_input and then display the error in the style:
<%= for err <- upload_errors(@uploads.input_file) do %>
<p class="alert alert-danger"><%= error_to_string(err) %></p>
<% end %>
Is there any way to add a custom error to @uploads? Alternatively, how to show the error if the user has not selected the file?
Thanks
Most Liked
martinjanda
I solved it by adding a custom variable @custom_error and checking if a file is selected during the save event.
In ex:
if Enum.empty?(uploaded_files) do
socket = assign(socket, :custom_errors, ["File must be selected!"])
{:noreply, socket}
else
...
In Heex:
<%= if @custom_errors != [] do %>
<.error :for={msg <- @custom_errors}><%= msg %></.error>
<% end %>
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Catch errors, track performance, monitor hosts and more.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #advent-of-code
- #elixirconf-us
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #performance
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Real-time error tracking, performance insights, and observability for devs.
Practical resources that improve the lives of professional developers.
Develop your skills with books, videos, and courses.
The deployment platform built for Elixir: PaaS ease, VPS control.
Courses that'll move you from confusion to "Aha, now I get it!"