Catalog npm
Back to packageRELEASE DETAILS

1.0.2

npm

5x5_jq_uploader

A customizable jQuery plugin for uploading multiple files

jquerypluginupload
Published31 May 2020
Direct dependencies10
Transitive dependenciesNot calculated

README

Current package documentation

5x5_jq_uploader

This plug in can be used to instantly create a dropfile area and file queue with very little setup. Uses Bootstrap for responsive layout and alerts.

Demo page can be found here.

An alternate uploader with the same functionality but written without jQuery and using Materialize for layout can be found here.

Installation

Using npm;

$ npm install jquery bootstrap 5x5_jq_uploader

Using a cdn;

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>

Basic Setup


    // in script...
    $(function(){ 
        $("#uploader").initUploader({destination:'/uploaderUrl'});
    });
    
    <!--in body-->
    <div id="uploader"></div>

Options

Options that can be specified when initializing uploader;

NameTypeDefaultDescription
destinationstringnullRequired. Path to a processing script/api
destinationParamsobjectnullKey/value pairs that can be used for creating a querystring on upload
sizeLimitinteger1Limit of individual file sizes, in MB
fileLimitinteger5Limit of total number files that can be queued for upload
selectOptsobjectnullKey/value pairs used to render a select element for each file queued for upload. Key is used for the individual option value and the key's value displayed to user. Chosen value gets appended to file object as property 'fileType'
showDescriptionbooleanfalseIf true will render a text input for each file queued for upload. Value gets appended to file object as property 'description'
postFnfunctionnoopA callback for when a upload has completed successfully

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 10

Native requirements
10 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
apply-loader
Environment
{
  "local_name": "apply-loader",
  "alias": false,
  "peer_metadata": null
}
^2.0.0development
jquery
Environment
{
  "local_name": "jquery",
  "alias": false,
  "peer_metadata": null
}
^3.5.1development
bootstrap
Environment
{
  "local_name": "bootstrap",
  "alias": false,
  "peer_metadata": null
}
^4.5.0development
css-loader
Environment
{
  "local_name": "css-loader",
  "alias": false,
  "peer_metadata": null
}
^3.5.3development
node-sass
Environment
{
  "local_name": "node-sass",
  "alias": false,
  "peer_metadata": null
}
^4.14.1development
popper.js
Environment
{
  "local_name": "popper.js",
  "alias": false,
  "peer_metadata": null
}
^1.16.1development
pug
Environment
{
  "local_name": "pug",
  "alias": false,
  "peer_metadata": null
}
^2.0.4development
pug-loader
Environment
{
  "local_name": "pug-loader",
  "alias": false,
  "peer_metadata": null
}
^2.4.0development
sass-loader
Environment
{
  "local_name": "sass-loader",
  "alias": false,
  "peer_metadata": null
}
^8.0.2development
style-loader
Environment
{
  "local_name": "style-loader",
  "alias": false,
  "peer_metadata": null
}
^1.2.1development

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "integrity": "sha512-N7YTjz84WWMflsyJsHzUsmuKQcFU/h8B3L8fkJu5+/4B9C9huDoCzmsXnzME3wZzWVFMkWHw/HXulIzHkrug9A==",
  "shasum": "3263c1a17b7d702f162a089294c58290eaafb6a8",
  "tarball": "https://registry.npmjs.org/5x5_jq_uploader/-/5x5_jq_uploader-1.0.2.tgz",
  "fileCount": 3,
  "unpackedSize": 17145,
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe00p5CRA9TVsSAnZWagAAF4YP/AspHhXW9D7s5B2k2xRf\nphJDDwbfkPiSmY1tYlaV9mulghVD2P1Yk9LeMtJSMlLuctT3A2Fg+9LPmsqS\ntrl53GCvqdtE7L6IuAU7+5MptZ3Vw0JqrLHlviaCv0ihVVC7UKvnc+Pr4WgE\nK/fVsSBnJxE9n/7Kxi7ohLmWMG93IOdtZOSU/lfSvABkgorsm+bp+WTgohrc\noYYZVwkMS3I1V85AtqEt2E3Sh9iUnKnp5uIcldXyj4+4CiBvW1H/yTVuSA6V\nih+BK/c53FFvhGi3xTZlP0TABm1KEcqA0IpU1VqesJ9iAIu2zBOw0OO7XcbY\n4lA5YrmgcBLBNydwK1Mg591VB0khZpvx4N5xM1E96mP5kJcJ++TgkddU/EUv\n5ROO3vyLEr+aYXXbWCdv5m9J7w0e5XUsjcbHu3ge7sesqW0xo76PuHbHvRhQ\nDLLyGsbWFd9cm3KoalOXARRIZg4ctgY6/qEJ5L27PAICimCnIq1dJRZ1JK0v\nCjkkQf/vFVRlj+LZ3GqGLQVYkZXdu1efFtNyS79IMaWmRK04d8RBf2yjMSd4\nQTmhCFgpSVYXnVtUbP2lHnXkQpnyeAgX/1UgGPwo4cqSXLzHyJ8ldj5Raj20\n7YSs07h9qyoEu9ONvv5qkAu6CUMvWRNrClAHK8oArPQFKt6GrREOJs6rpmdd\nK+xM\r\n=/F/j\r\n-----END PGP SIGNATURE-----\r\n",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEYCIQCrNTR4HB87xXMb62M/MQSp8PFx7pXiQfNPxbEnbJXfXQIhALUsnLJIxbWLRUUzQBD6mxpyPHkd2aAeq/RqXQNoYAh/"
    }
  ]
}

Repository

PENDING
cesperian/5x5_jq_uploader

Shared repository data · GitHub

License detected in repository
Not collected

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 20:42 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:fec2da838d69ed9a121788b55895e5e3e1b40edf7af5819677cd4fbfaf4d6db3

Other collected versions

1.0.98 Aug1.0.813 May1.0.71 Jun1.0.61 Jun1.0.531 May1.0.431 MayView all collected versions →