generic-file-validator

generic-file-validator

What it does?

It checks the file MIME type, and validate it against the extension.

Install

npm i generic-file-validator

Supported media and extension

Media	Extension
image	.jpg, .jpeg, .png, .gif, .webp, .tiff, .bmp
audio	.mp3, .oga, .wav, .mid, .midi
video	.mp4, .ogv, .avi, .mpeg, .webm, .mkv, .3gp
application	.doc, .docx, .xls, .xlsx, .ppt, .pptx, .zip, .apk, .pdf

User guide

Props

Props name	Description	Defalut value	Required	Example
file	The file which you want to validate	null	true	file: file to be validated
media	The media type, it will whitelist all the supported extension	[]	required if 'whitelistExtension' is not passed in the function	media: ['image']
whitelistExtension	The extension you want to whitelist irrespective of media	[]	required if 'media' is not passed in the function	whitelistExtension: ['png', 'gif']
blacklistExtension	The extension you want to blacklist irrespective of media	[]	false	blacklistExtension: ['tiff', 'pdf']
returnBase64	Return base64 of the file	true	false	returnBase64: false

Usage

Here is the example usage in react app.

import "./App.css";
import fileValidator from "generic-file-validator";

function App() {
  const handleChange = (e) => {
    let file = e.target.files[0];

    fileValidator(
      {
        file: file,
        media: ["image"],
        whitelistExtension: ["jpg", "jpeg"],
        blacklistExtension: ["png"],
      },
      callback
    );
  };

  const callback = (res) => {
    console.log({ res });
  };

  return (
    <div className="App">
      <input type="file" onChange={handleChange} />
    </div>
  );
}

export default App;

Usefull Link

https://codesandbox.io/s/generic-file-validator-example-zjlyrm