Admin at 20:16, 12 June 2024

2024-06-12T20:16:25Z

← Older revision		Revision as of 20:16, 12 June 2024
Line 102:		Line 102:
	end		end


			</source>


			==How to Change LiveView Upload Text==

			<source>

			<.live_file_input upload={@uploads.avatar} class="hidden"/>

			<label for={@uploads.avatar.ref} >
			attach files
			</label>

	</source>		</source>

Admin at 23:52, 8 June 2024

2024-06-08T23:52:36Z

← Older revision		Revision as of 23:52, 8 June 2024
Line 1:		Line 1:
	==Working Live View Example that Uploads JSON files==		==Working Live View Example that Uploads JSON files==

			Before you use the code below, you must create a Live View and use the below code as its content.

			You must also create the following directory in the priv folder:

			priv/static/uploads




	<source>		<source>

Admin at 18:26, 6 June 2024

2024-06-06T18:26:05Z

← Older revision		Revision as of 18:26, 6 June 2024
Line 1:		Line 1:
	==Working Live View Example ==		==Working Live View Example that Uploads JSON files==

	<source>		<source>

Admin: Created page with "==Working Live View Example == # lib/my_app_web/live/upload_live.ex defmodule AppWeb.PageLive do use AppWeb, :live_view @impl Phoenix.LiveView def mount(_params, _session, socket) do {:ok, socket |> assign(:uploaded_files, []) |> allow_upload(:avatar, accept: ~w(.json), max_entries: 1)} end @impl Phoenix.LiveView def handle_event("validate", _params, socket) do {:noreply, socket} end @impl Phoenix.LiveView def handle_ev..."

2024-06-06T18:15:17Z

Created page with "==Working Live View Example == <source> # lib/my_app_web/live/upload_live.ex defmodule AppWeb.PageLive do use AppWeb, :live_view @impl Phoenix.LiveView def mount(_params, _session, socket) do {:ok, socket |> assign(:uploaded_files, []) |> allow_upload(:avatar, accept: ~w(.json), max_entries: 1)} end @impl Phoenix.LiveView def handle_event("validate", _params, socket) do {:noreply, socket} end @impl Phoenix.LiveView def handle_ev..."

New page

==Working Live View Example ==

<source>
# lib/my_app_web/live/upload_live.ex
defmodule AppWeb.PageLive do
use AppWeb, :live_view

@impl Phoenix.LiveView
def mount(_params, _session, socket) do
{:ok,
socket
|> assign(:uploaded_files, [])
|> allow_upload(:avatar, accept: ~w(.json), max_entries: 1)}
end

@impl Phoenix.LiveView
def handle_event("validate", _params, socket) do
{:noreply, socket}
end

@impl Phoenix.LiveView
def handle_event("cancel-upload", %{"ref" => ref}, socket) do
{:noreply, cancel_upload(socket, :avatar, ref)}
end

@impl Phoenix.LiveView
def handle_event("save", _params, socket) do
uploaded_files =
consume_uploaded_entries(socket, :avatar, fn meta, entry ->
dest =
Path.join([
"priv",
"static",
"uploads",
"#{entry.client_name}"
])

IO.inspect dest
# You will need to create `priv/static/uploads` for `File.cp!/2` to work.
File.cp!(meta.path, dest)

url_path = static_path(socket, "/uploads/#{Path.basename(dest)}")

{:ok, url_path}
end)

{:noreply, update(socket, :uploaded_files, &(&1 ++ uploaded_files))}
end

defp error_to_string(:too_large), do: "Too large"
defp error_to_string(:too_many_files), do: "You have selected too many files"
defp error_to_string(:not_accepted), do: "You have selected an unacceptable file type"

def render(assigns) do

~H"""
<div>
<form id="upload-form" phx-submit="save" phx-change="validate">
<.live_file_input upload={@uploads.avatar} />
<button type="submit">Upload</button>
<section phx-drop-target={@uploads.avatar.ref}>

<%!-- render each avatar entry --%>
<%= for entry <- @uploads.avatar.entries do %>
<article class="upload-entry">

<progress value={entry.progress} max="100"> <%= entry.progress %>% </progress>

<button type="button" phx-click="cancel-upload" phx-value-ref={entry.ref} aria-label="cancel">×</button>

<%= for err <- upload_errors(@uploads.avatar, entry) do %>
<p class="alert alert-danger"><%= error_to_string(err) %></p>
<% end %>

</article>
<% end %>

<%= for err <- upload_errors(@uploads.avatar) do %>
<p class="alert alert-danger"><%= error_to_string(err) %></p>
<% end %>

</section>
</form>

</div>
"""
end
end

</source>

How to Upload Files to Phoenix - Revision history

Admin at 20:16, 12 June 2024

Admin at 23:52, 8 June 2024

Admin at 18:26, 6 June 2024