previews
Description
Optional. Defines how previews are generated for a fileUsage
previews?: (
entity: {},
width: number,
height: number) => string | boolean
Parameters
The property is a function that takes the following parameters:
entity
- (required) an object representing the file or folder for which the preview is generatedwidth
- (required) the width of the generated preview in pixelsheight
- (required) the height of the generated preview in pixels
The previews function should return a string, which is the URL of the generated preview image.
Example
You can specify a function that returns a path to the preview according to the passed parameters. Do not forget to define the previews property inside the Filemanager tag. About the icon property see here: icons
<script>
import { Filemanager } from "wx-svelte-filemanager";
const server = ""https://some-backend-url";
function previewURL(file, width, height) {
if (file.type != "image") return iconsURL(file, "big");
return (
server +
`/preview?width=${width}&height=${height}&id=${encodeURIComponent(
file.id
)}`
);
}
</script>
<Filemanager
data={rawData}
previews={previewURL}
//other settings />