polypush135
Starting with a very basic blog post example app. https://github.com/joshchernoff/liveview_uploader_example
I generated a liveview Post where I added a upload for image and added a cancel_upload button on the entries.
Most of this was based on the docs from Uploads — Phoenix LiveView v1.2.5
I outline the error in the repo example but in short it never seems that cancel_upload/3 from Phoenix.LiveView.Upload would ever work. What am I missing?
Where Next?
Trending in Questions
Other Trending Topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Build Elixir applications with speed and confidence.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ai
- #ecto-query
- #elixirconf-us
- #blog-post
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #elixirconf-eu
- #api
- #forms
- #metaprogramming
- #hex
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.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Bringing learning, work and compliance together since 1987.
**Building the future of software with AI, trust, and human connection.**
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 1 to 4- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
LostKobrakai
Is there a reason to
allow_uploadon the parent LV instead of the component with the form?polypush135
Yes because if you notice I’m not using a phx-target on the button.
https://github.com/joshchernoff/liveview_uploader_example/blob/709c58916caf5d25f3bfe2e462fddcc92873c284/lib/my_app_web/live/post_live/form_component.html.heex#L35
Thats because first I would have to try and target the form-component. If I tried
phx-target={@myselfthat will still target the Form LV not the form component. Also if I set it to something explicit like the root component dom ID. it will end up just triggering the form submit.I struggled with this for little while so I just ended up going with the flow since inherent target seems to want to fire off the Form LV I just went with it. That said I’m not sure if thats not the issue because as I state I never see the entries hydrated before cancel_upload is called.
03juan
If you don’t specify a type for a button inside a form like
<button type="button">then the standard browser behaviour is to assume it’s a submit. Adding the type andphx-target={@myself}to it should send the message to the form live component without triggering the form submit.polypush135
Thanks