eduardodeoh · July 6, 2020 15:28 · Jul 6, 2020 · Jul 6, 2020 · Jul 6, 2020 · Jul 6, 2020
diff --git a/lv_upload.ex b/lv_upload.ex
@@ -14,7 +14,21 @@ scope "/uploads", FrameworkWeb do
   pipe_through([:browser_upload])
 
   post("/", UploadsController, :create)
-  post("/event_logs", UploadsController, :event_logs)
+end
+
+# controller
+defmodule FrameworkWeb.UploadsController do
+  use FrameworkWeb, :controller
+
+  def create(conn, params) do
+    content =
+      params["file"].path
+      |> File.stream!()
+      |> Stream.map(& &1)
+      |> Enum.reduce("", fn line, acc -> acc <> line end)
+
+    send_resp(conn, 200, content)
+  end
 end
 
 # upload.js
@@ -58,4 +72,4 @@ Hooks.UploadFile = {
 };
 
 #.html.leex
-<input type="file" name="files[]" phx-hook="UploadFile">
+<%= file_input(:form_upload, :file, phx_hook: "UploadFile") %>
diff --git a/lv_upload.ex b/lv_upload.ex
@@ -45,7 +45,6 @@ Hooks.UploadFile = {
 
       upload_process
         .done(function (response_data) {
-          let file_ids = response_data.split("|");
           hook.pushEvent("file-uploaded", {
             "file-content": response_data,
             "file-name": fileName

diff --git a/lv_upload.ex b/lv_upload.ex
@@ -32,7 +32,8 @@ export function UploadFile(formData, url) {
 }
 
 # phx_hook.js
-Hooks.FileUploadEventLogs = {
+import { UploadFile } from "./upload";
+Hooks.UploadFile = {
   mounted() {
     this.el.addEventListener("change", (e) => {
       const formData = new FormData();
@@ -57,3 +58,5 @@ Hooks.FileUploadEventLogs = {
   },
 };
 
+#.html.leex
+<input type="file" name="files[]" phx-hook="UploadFile">
diff --git a/lv_upload.ex b/lv_upload.ex
@@ -1,4 +1,5 @@
-##router.ex
+#router.ex
+
 # Add specific plug pipeline to router.ex
 pipeline :browser_upload do
   plug(Plug.Logger)
@@ -7,3 +8,52 @@ pipeline :browser_upload do
   plug(:fetch_live_flash)
   plug(:put_secure_browser_headers)
 end
+
+# Add route
+scope "/uploads", FrameworkWeb do
+  pipe_through([:browser_upload])
+
+  post("/", UploadsController, :create)
+  post("/event_logs", UploadsController, :event_logs)
+end
+
+# upload.js
+const jQuery = require("jquery");
+export function UploadFile(formData, url) {
+  return jQuery.ajax({
+    type: "POST",
+    enctype: "multipart/form-data",
+    url: url,
+    data: formData,
+    processData: false, //IMPORTANT!
+    cache: false,
+    contentType: false
+  });
+}
+
+# phx_hook.js
+Hooks.FileUploadEventLogs = {
+  mounted() {
+    this.el.addEventListener("change", (e) => {
+      const formData = new FormData();
+      const fileName = this.el.files[0].name;
+      formData.set("file", this.el.files[0]);
+      const hook = this;
+
+      let upload_process = UploadFile(formData, "/uploads/your_url");
+
+      upload_process
+        .done(function (response_data) {
+          let file_ids = response_data.split("|");
+          hook.pushEvent("file-uploaded", {
+            "file-content": response_data,
+            "file-name": fileName
+          });
+        })
+        .fail(function (response_data) {
+          hook.pushEvent("file-uploaded", { "error": response_data });
+        });
+    });
+  },
+};
+
diff --git a/lv_upload.ex b/lv_upload.ex
@@ -1,6 +1,5 @@
+##router.ex
 # Add specific plug pipeline to router.ex
-
-
 pipeline :browser_upload do
   plug(Plug.Logger)
   plug(:accepts, ["html"])

diff --git a/lv_upload.ex b/lv_upload.ex
@@ -1,11 +1,10 @@
-Add specific plug pipeline to router.ex
+# Add specific plug pipeline to router.ex
+
 
-```code
 pipeline :browser_upload do
   plug(Plug.Logger)
   plug(:accepts, ["html"])
   plug(:fetch_session)
   plug(:fetch_live_flash)
   plug(:put_secure_browser_headers)
 end
-```
diff --git a/lv → lv_upload.ex b/lv → lv_upload.ex
diff --git a/gistfile1.txt → lv b/gistfile1.txt → lv
@@ -1,6 +1,6 @@
 Add specific plug pipeline to router.ex
 
-```elixir
+```code
 pipeline :browser_upload do
   plug(Plug.Logger)
   plug(:accepts, ["html"])

diff --git a/gistfile1.txt b/gistfile1.txt
@@ -0,0 +1,11 @@
+Add specific plug pipeline to router.ex
+
+```elixir
+pipeline :browser_upload do
+  plug(Plug.Logger)
+  plug(:accepts, ["html"])
+  plug(:fetch_session)
+  plug(:fetch_live_flash)
+  plug(:put_secure_browser_headers)
+end
+```
No results found