Web Component: j-PictureUpload

  • Info
  • HTML
  • JS
  • CSS
  • Meta


  • easy usage
  • works with Bootstrap Grid System
  • drag and drop support
  • uploads a raw file (without resizing)


  • width {Number} a picture width (required)
  • height {Number} a picture height (required)
  • icon {String} (optional) the label icon without ti, (default: null)
  • url {String}" (optional) upload URL (default: current URL)
  • background {String} (optional) a background color (default: white)
  • src {String} an image path (default: null), e.g. /img/{0}.jpg
  • extension {Boolean} response without file extension (default: false)
  • singlefile {Boolean} response will be string instead of array (default: true)
  • new type {String} preview: output type (default: png)
  • new quality {Number} preview: output quality