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 (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 file is uploading) and message (when server throws an error) component.