WIP uploading files

This commit is contained in:
2026-04-29 19:40:37 +03:00
parent e058ceadee
commit bd01e5c32c
15 changed files with 506 additions and 362 deletions
+25 -21
View File
@@ -1,10 +1,10 @@
<script>
import {createEventDispatcher, getContext} from "svelte";
import { createEventDispatcher, getContext } from "svelte";
const dispatch = createEventDispatcher();
const channel = getContext("channel");
export let schema;
export let recordId;
let mimeTypes = "";
let files = [];
let isLoading = false;
@@ -17,39 +17,43 @@
files = e.target.files ? [...e.target.files] : [];
let formData = new FormData();
formData.append("schema", schema.name);
formData.append("recordId", recordId);
Array.from(files).forEach(function (file) {
formData.append("files[]", file);
});
dispatch("beforeUpload", files);
axios
.post(channel.lucentUrl + "/files/upload", formData, {
headers: {
"Content-Type": "multipart/form-data",
},
})
.then((response) => {
if (response.data.error) {
dispatch("uploadError", response.data.error);
fetch(channel.lucentUrl + "/files/upload", {
method: "POST",
body: formData,
headers: {
"X-CSRF-TOKEN": document.querySelector(
'meta[name="csrf-token"]',
).content,
},
})
.then((response) => response.json())
.then((data) => {
if (data.error) {
dispatch("uploadError", data.error);
} else {
dispatch("uploadComplete", response.data);
dispatch("uploadComplete", data);
}
isLoading = false;
})
.catch((error) => {
isLoading = false;
console.log(error.response.data);
console.log(error);
});
}
</script>
<fieldset class="upload-button" disabled={isLoading}>
<label class="button primary btn-spinner ">
<span
class="spinner-border spinner-border-sm"
role="status"
aria-hidden="true"
/>
<fieldset class="upload-button" disabled={isLoading}>
<label class="button primary btn-spinner">
<span
class="spinner-border spinner-border-sm"
role="status"
aria-hidden="true"
/>
Upload file
<input