Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

js-pick-file

1.0.8 • Public • Published

JS Pick File

npm

A bare-bones vanilla library to open file picker programatically.

Install

npm install --save js-pick-file

Usage -

import { pickFile } from 'js-pick-file';
 
async function uploadFile() {
  options = {
    accept: '.jpg, .jpeg, .png',
    multiple: true,
  }
 
  const filePromise = pickFile(options);
 
  try {
    const fileList = await filePromise;
    return fileList;
  } catch () {
    console.error('file picker was closed without input');
  }
}

pickFile() returns a promise that resolves to a FileList

If you see an input box flashing on your system or sudden whitespace issues, you might have to change the default styling for the file input.

import FilePicker from 'js-pick-file';
 
FilePicker.config.cloakStyle = 'opacity: 0; position: absolute; bottom: 0; z-index: 0';
 
const filePromise = FilePicker.pick();

Development setup

npm install

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

License

MIT

Install

npm i js-pick-file

DownloadsWeekly Downloads

7

Version

1.0.8

License

MIT

Unpacked Size

7.83 kB

Total Files

6

Last publish

Collaborators

  • avatar