@nerolang/file-system

File System API for Web

Install

pnpm add @nerolang/file-system

How to use?

showOpenFilePicker

import { showOpenFilePicker } from '@nerolang/file-system'

showOpenFilePicker().then((files) => {
    console.log(files)
})

Options

multiple

showOpenFilePicker({
    multiple: true,
})

types

showOpenFilePicker({
    types: [
        {
            accept: {
                "images/*": [".jpeg", ".jpg", ".gif", ".png"], 
            },
        },
    ],
})

download

import { download } from '@nerolang/file-system'

download(file)
download(blob, 'example.jpg')

preview

import { preview } from '@nerolang/file-system'

preview(file).then((dataURL) => {
    console.log(dataURL)
})
preview(blob)