Listen "Advanced htmx: hx-encoding"
Episode Synopsis
An amazingly simple file uploading form *with a progress bar* using htmx:<form id='form' hx-encoding='multipart/form-data' hx-post='/[where-you-want-post-it]' hx-target='#target-div'> <input type="hidden" name="_token" value="" /> <input type='file' name='file'> <button> Upload </button> <progress id='progress' value='0' max='100'></progress></form><script> htmx.on('#form', 'htmx:xhr:progress', function(evt) { htmx.find('#progress').setAttribute('value', evt.detail.loaded/evt.detail.total * 100) });</script>
More episodes of the podcast hx-pod
Thinking strategically about your career
04/11/2025
Hypermedia in the wild
26/09/2025
3d and flappy bird htmx
05/09/2025
Htmx extension: response-targets
29/08/2025
Big Sky Dev Con 2025
19/08/2025
Htmx extension: preload
07/08/2025
Htmx extension: idiomorph
01/08/2025
Htmx extension: htmx-1-compat
30/07/2025
Htmx extension: head-support
28/07/2025
ZARZA We are Zarza, the prestigious firm behind major projects in information technology.