Web Component: j-FileUploader

  • Info
  • HTML
  • JS
  • CSS
  • Meta


A simple component for uploading files. It supports auto-resizing images.


  • url {String} a default URL address for uploading


  • fileuploader/upload(opt) shows a file dialog
    • opt.url {String} important URL where will be image uploaded
    • opt.callback(response, errors) {Function} a callback important
    • opt.multiple {Boolean} supports multiple files (default: false)
    • opt.progress(percentage) {Function}
    • opt.accept {String} accept type (default: */*)
    • opt.prefix {String} a name prefix <input name="file{0}" (default: file{0})
    • opt.files {FileList} optional (if you use e.g Drag & Drop)
    • opt.data {Object} optional, additional custom data key_string:value_string
    • opt.width {Number} optional, image width
    • opt.height {Number} optional, image height
    • opt.background {String} optional, background color defined in HEX or can be transparent
    • opt.keeporiginal {Boolean} optional, prevents for double resizing (default: false)
    • opt.onlylarger {Boolean} optional, resizes images only larger than opt.width or opt.height
    • NEW: opt.base64 {String} optional, it can contain a valid data URL format (depends on the opt.filename)
    • NEW: opt.filename {String} optional, required with opt.base64 field

Friendly components: This component works with loading when the file is uploading.