blueimp/jQuery-File-UploadArchived
JQuery File Upload
This project is a jQuery-based file upload widget that provides a browser interface for selecting and transferring files to a server. It functions as a chunked file uploader and a resumable upload client, enabling the transfer of large files by splitting them into smaller segments or continuing interrupted uploads from the last successfully sent byte.
The tool includes a client-side image processor for validating, resizing, and generating previews of images before transmission. It also serves as a cross-domain upload tool, using various transport mechanisms to send files to different domains and bypass origin restrictions.
The system covers a broad range of capabilities including web form file validation, the management of upload concurrency, and the integration of drag-and-drop or clipboard-paste inputs. It provides hooks for lifecycle management and the ability to monitor real-time upload progress via linked interface elements.
Features
- File Uploaders - Provides a comprehensive jQuery-based widget for transferring files from a browser to a server.
- Chunked Uploaders - Splits large files into smaller segments to bypass server size limits and improve upload reliability.
- File Upload Management - Manages the complete upload lifecycle, including custom logic for adding, sending, and completing uploads.
- File Uploaders - Uploads large files in sequential pieces to avoid server timeouts or size restrictions.
- File Upload APIs - Transmits files to servers on different domains using CORS or iframe-based transport mechanisms.
- Cross-Origin Networking - Sends files to different domains using cross-site XMLHttpRequests or iframe redirects to bypass origin restrictions.
- File Transfer Protocols - Divides large files into smaller segments during transfer to improve reliability and bypass server limits.
- Multipart Upload Utilities - Continues interrupted transfers from the last successful byte after connection failures.
- Reliable Large File Transfer Tools - Provides reliable transfer of large files by splitting them into smaller segments using the Blob API.
- Upload Progress Tracking - Monitors and displays real-time transmission progress with the ability to cancel active uploads.
- Resumable Upload Clients - Tracks the last successfully transferred byte to continue interrupted uploads without restarting the entire file.
- File Type Validators - Enforces restrictions on allowed file extensions and size limits before uploads are initiated.
- Image Resizing - Shrinks image dimensions on the user device before uploading to minimize bandwidth and server storage usage.
- Client-Side - Adjusts image dimensions in the browser before uploading to reduce bandwidth and storage requirements.
- Drag and Drop Libraries - Initiates file uploads by allowing users to drag files from the desktop and drop them into the browser.
- Drag and Drop Utilities - Defines specific interface elements as drop targets to accept and upload files dragged from the system.
- Resumable Transfer Tracking - Implements byte-offset tracking to continue interrupted transfers from the last successfully sent byte.
- File Uploads - Bypasses same-origin restrictions to transmit files across domains using XHR and the postMessage API.
- Client-Side Media Processing - Performs image validation and resizing directly in the browser to reduce bandwidth and server load.
- Clipboard Integrations - Allows users to insert and upload images by pasting them directly from the system clipboard.
- Transport Selection - Enables selection of data transmission methods like XHR or iframes to meet cross-site requirements.
- Client-Side Metadata Extraction - Enables retrieval of detailed file information on the client side before the transfer process begins.
- Concurrency Controls - Allows developers to control whether files upload sequentially or simultaneously with a defined concurrency limit.
- Paste-to-Upload - Uploads files by copying them to the clipboard and pasting them into a designated target element.
- Media Header Parsing - Parses image headers and technical data from uploaded images to retrieve specific media details.
- Protocol-Agnostic Transport Layers - Switches between XHR, iframes, and postMessage to maintain compatibility across different browser and domain restrictions.
- UI Progress Binding - Binds upload states to UI elements to update progress bars and status text in real time.
- Lifecycle Event Hooks - Provides programmable callbacks that trigger at specific stages of the file selection and transmission process.
- Image Previewers - Displays visual thumbnails of selected images before they are transmitted to the server.
- File Previewers - Creates visual or audio previews for supported file types locally before or after the upload completes.
- Bulk File Selection - Supports picking several files at once or selecting entire folder structures for upload.
- File Validation Utilities - Enforces constraints on file extensions, minimum size, and maximum size on the client side.
- Event-Driven Input Handlers - Captures files from diverse sources including drag-and-drop and clipboard paste via event handlers.
- Client-Side Media Processors - Resizes images and generates previews in the browser to reduce bandwidth usage before transmission.
- Cross-Domain Upload Tools - Uses XHR, iframes, or postMessage to send files to different domains and bypass origin restrictions.
- Cross-Domain Uploads - Enables sending files to different domains using various transport mechanisms to bypass origin restrictions.
- Form Components - Advanced file upload widget with drag-and-drop support.
- Form Components - Multi-file upload with preview.
