Web component: j-FileUpload

  • Info
  • HTML
  • JS
  • CSS
  • Meta


Is very helpful component for uploading e.g. profile photos. I consider this component as inline file upload. Look into the html source. The component uploads files via multipart/form-data.


  • url {String} a target URL for the uploading
  • accept {String} (optional) can contain a content-type frow browsing files e.g. image/*
  • multiple enables multiple files upload (default: false)
  • array {Boolean} enables pushing an uploaded value to array (data-jc-path must be the array)
  • label {String} (optional) changes a current innerHTML (default: innerHTML)
  • disabled {Boolean} disables

Friendly components: This component works with loading (when the upload start) and message (when is an error) component.


Browser‘s Save action performs Preview