How blueimp/jquery-file-upload works
This is a jQuery file-upload widget, with a browser-side workflow from selecting or dropping files through processing, validation, upload transport and progress/results. Its extensions add image resizing and image/audio/video previews, while the UI renders upload state and supports cancellation and deletion. The repository also provides optional PHP and Google App Engine Python server examples. The README documents resumable, chunked, cross-domain and legacy-browser behavior; unsampled modules are represented by their exact paths, but their internal call wiring is not inferred.
Main entry points: jquery.fileupload.js Upload Widget · jquery.fileupload-process.js File Processing · jquery.fileupload-ui.js Upload UI · index.php PHP Entry
Components 17
Browser Upload
- Upload Widget
js/jquery.fileupload.js - Upload UI
js/jquery.fileupload-ui.js - Iframe Transport
js/jquery.iframe-transport.js
Processing Extensions
- File Processing
js/jquery.fileupload-process.js - File Validation
js/jquery.fileupload-validate.js - Image Preview Resize
js/jquery.fileupload-image.js - Audio Preview
js/jquery.fileupload-audio.js - Video Preview
js/jquery.fileupload-video.js
Server Examples
- PHP Entry
server/php/index.php - PHP Upload Handler
server/php/UploadHandler.php - PHP File Store
server/php/files - GAE Python Example
server/gae-python/main.py
Cross-Domain Transport
- PostMessage Transport
js/cors/jquery.postmessage-transport.js - XDomainRequest Transport
js/cors/jquery.xdr-transport.js - Iframe Result Page
cors/result.html
Other components
- Page User
- Upload Server
Connections 17
- Page User → Upload Widget: selects files
README.md - Upload Widget → File Processing: processes files
js/jquery.fileupload-process.js - File Processing → File Validation: runs validation
js/jquery.fileupload-validate.js - File Processing → Image Preview Resize: runs image actions
js/jquery.fileupload-image.js - File Processing → Audio Preview: runs audio actions
js/jquery.fileupload-audio.js - File Processing → Video Preview: runs video actions
js/jquery.fileupload-video.js - Upload UI → Upload Widget: submits uploads
README.md - Upload UI → File Processing: processes before upload
js/jquery.fileupload-ui.js - Upload Widget → Iframe Transport: falls back to
README.md - Upload Widget → Upload Server: uploads files
README.md - Upload Widget → PostMessage Transport: uses cross-domain transport
README.md - Upload Widget → XDomainRequest Transport: uses limited AJAX transport
README.md - Upload Server → Iframe Result Page: redirects results
README.md - PHP Entry → PHP Upload Handler: instantiates
server/php/index.php - PHP Upload Handler → PHP File Store: stores uploads
- Upload Widget → PHP Entry: can upload to
- Upload Widget → GAE Python Example: can upload to