Web Component: j-ImageUploader

  • Info
  • HTML
  • JS
  • CSS
  • Meta


A simple singleton component for uploading of resized images. The component uploads base64 according to the schema defined in options of caller.


  • imageuploader/upload(opt) shows a file dialog
    • opt.width {Number}
    • opt.height {Number}
    • opt.background {String} a default background color (NEW: supports the transparent value and output will be .png)
    • opt.url {String} important URL where will be image uploaded
    • opt.multiple {Boolean} supports multiple files (default: false)
    • opt.schema {String} default { file: base64, name: filename }
    • opt.quality {Number} default 90
    • opt.callback(response, errors) a callback important
    • opt.keeporiginal {Boolean} keeps the original image if the dimension is the same as the width/height defined in the configuration (default: false)
    • NEW opt.files {FileList} optional (if you use e.g Drag & Drop)

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