@advantage/file-uploader-module

Client-side drag-and-drop file uploader

Usage no npm install needed!

<script type="module">
  import advantageFileUploaderModule from 'https://cdn.skypack.dev/@advantage/file-uploader-module';
</script>

README

File Uploader module

Client-side drag-and-drop file uploader for AngularJS 1.5+ projects

Repo on GitHub | Live demo on Quick Base | Package on npm

Version notes

This package has reached version 2.x.x. Please note the following breaking change:

  • If using quickstart-build, the npm_paths config object is no longer required.
    Otherwise, the path must be updated to replace src with app:

    npm_paths: [
//"file-uploader-module/demo/src/{file-uploader,shared}/" // =>
  "file-uploader-module/demo/app/{file-uploader,shared}/"
]

Installation

package.json

"dependencies": {
  "@advantage/file-uploader-module": ">=2.0.0 <3.0.0"
}

console

npm install

Import module

main.js

import "@advantage/file-uploader-module";
const DEPENDENCIES = [ 'ais.file-uploader' ];
angular.module( 'app', DEPENDENCIES )

Usage

dashboard.component.html

<file-uploader on-file-read="$ctrl.handleFileRead( file )"></file-uploader>

dashboard.component.js

handleFileRead( file ) {
  console.log( "File uploaded:", file );
  quickbase.tableName.addRecord( { attachment: file } );
}

See the file-uploader directory's README on GitHub for full documentation.

Get updates

console

npm update