budibase/packages/builder/src/components/common/Dropzone.svelte

33 lines
803 B
Svelte

<script>
import { notifier } from "builderStore/store/notifications"
import { Heading, Body, Button, Dropzone } from "@budibase/bbui"
import api from "builderStore/api"
export let files = []
function handleFileTooLarge() {
notifier.danger(
`Files cannot exceed ${fileSizeLimit /
BYTES_IN_MB}MB. Please try again with smaller files.`
)
}
async function processFiles(fileList) {
const fileArray = Array.from(fileList)
const filesToProcess = fileArray.map(({ name, path, size, type }) => ({
name,
path,
size,
type,
}))
const response = await api.post(`/api/attachments/process`, {
files: filesToProcess,
})
return await response.json()
}
</script>
<Dropzone bind:files {processFiles} {handleFileTooLarge} />