Pages/Upload.razor


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

@page "/Upload"

<link rel="stylesheet" href="@(nameof(HyperBooru)).styles.css"/>

<div id="dropzone" class="@((dropHover ? "drop-hover" : ""))">
    <InputFile
        multiple
        title=""
        accept="image/*"
        OnChange=FileInputChange
        @ondragenter=@(() => dropHover = true)
        @ondragleave=@(() => dropHover = false)/>
    <p>Drag a file to upload it</p>
</div>

@code {
    private bool dropHover = false;

    private void FileInputChange(IFileListEntry[] files) {
    }
}