File Input

Uploads: https://hexdocs.pm/phoenix_live_view/uploads.html

External uploads: https://hexdocs.pm/phoenix_live_view/uploads-external.html

Local upload

Upload your ID
State 
@uploaded_files = []
@uploads.some_picture_file = #Phoenix.LiveView.UploadConfig<name: :some_picture_file, max_entries: 1, max_file_size: 1048576, entries: [], accept: ".jpg,.jpeg,.png,.pdf", ref: "phx-GBM5KTt_hznsHVFh", errors: [], auto_upload?: false, progress_event: nil, writer: #Function<1.58396244/3 in Phoenix.LiveView.UploadConfig.build/3>, ...>

Upload directly from browser to S3

Upload your ID
State 
@uploaded_files = []
@uploads.some_picture_file = #Phoenix.LiveView.UploadConfig<name: :some_picture_file, max_entries: 1, max_file_size: 1048576, entries: [], accept: ".jpg,.jpeg,.png,.pdf", ref: "phx-GBM5KTt_hznsHVFh", errors: [], auto_upload?: false, progress_event: nil, writer: #Function<1.58396244/3 in Phoenix.LiveView.UploadConfig.build/3>, ...>

Custom design instead of button

.oOo.
State 
@uploaded_files = []
@uploads.some_picture_file = #Phoenix.LiveView.UploadConfig<name: :some_picture_file, max_entries: 1, max_file_size: 1048576, entries: [], accept: ".jpg,.jpeg,.png,.pdf", ref: "phx-GBM5KTt_hznsHVFh", errors: [], auto_upload?: false, progress_event: nil, writer: #Function<1.58396244/3 in Phoenix.LiveView.UploadConfig.build/3>, ...>