Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Browser support

blueimp edited this page · 62 revisions
Clone this wiki locally

Multiple File selection

The following browsers support multiple file selection:

Desktop browsers

  • Google Chrome
  • Apple Safari 5.0+
  • Mozilla Firefox 3.6+
  • Opera 11.0+
  • Microsoft Internet Explorer 10.0+

Mobile browsers

  • Apple Safari Mobile on iOS 6.0+
  • Google Chrome on iOS 6.0+

Known bugs

Safari on Windows has a bug and reports a file size of 0 bytes when selecting multiple files. Selecting single files works.

Folder selection

It is possible to select a complete folder structure, though this is currently only supported by Google Chrome.
To enable this feature, the following vendor-specific directory attributes have to be added to the file input field:

<input type="file" name="files[]" multiple directory webkitdirectory mozdirectory>

Drag & Drop

The following browsers support drag & drop:

  • Google Chrome
  • Apple Safari 5.0+
  • Mozilla Firefox 4.0+
  • Opera 12.0+
  • Microsoft Internet Explorer 10.0+

Known bugs

Safari on Windows has a bug that adds "" characters at the end of the file name or mangles the file name in another way and reports a file size of 0 bytes when dropping files. Trying to drop the same file(s) again seems to work.

Folder Drag&Drop

It is possible to drag&drop a complete folder structure, though this is currently only supported by Google Chrome.

Upload progress

The following browsers have complete support for upload progress indication:

Desktop browsers

  • Google Chrome
  • Apple Safari 5.0+
  • Mozilla Firefox 4.0+
  • Opera 12.0+
  • Microsoft Internet Explorer 10.0+

Mobile browsers

  • Apple Safari Mobile on iOS 6.0+
  • Opera Mobile 12.0+

Differences in upload progress events

Depending on the size of the file, the operating system platform and the network throughput, the number of progress events triggered might differ.
e.g. Google Chrome might only trigger one progress event for the upload of a 100KB file on Windows XP, but trigger multiple progress events for the same file on Windows 7 and Mac OSX (tested with Google Chrome version 22.0.1229.94).

Please also note that some programs that analyze network traffic are known to interfere with the number of progress events triggered, e.g. Web Debugging Proxies or Firewall/Antivirus software.

Image previews

The following browsers have support for image previews prior to uploading files:

Desktop browsers

  • Google Chrome
  • Apple Safari 6.0+
  • Mozilla Firefox 3.6+
  • Opera 11.0+
  • Microsoft Internet Explorer 10.0+

Mobile browsers

  • Apple Safari Mobile on iOS 6.0+
  • Google Chrome on iOS 6.0+
  • Default Browser on Android 3.2+
  • Opera Mobile 12.0+

Known bugs

  • The default browser on Android 4.1.2 doesn't seem to support image previews.

File meta data

The following browsers report complete file meta data prior to uploading files:

Desktop browsers

  • Google Chrome
  • Apple Safari 4.0+
  • Mozilla Firefox 3.6+
  • Opera 10.0+
  • Microsoft Internet Explorer 10.0+

Mobile browsers

  • Apple Safari Mobile on iOS 6.0+
  • Google Chrome on iOS 6.0+
  • Default Browser on Android 3.2+
  • Opera Mobile 12.0+

File meta data properties

The reported file meta data consists of the following properties:

  • name: The name of the file, e.g. banana.jpg.
  • size: The size of the file in bytes, e.g. 130073 (131 KB).
  • type: The type of the file, e.g. image/jpg.

Known bugs

The default browser on Android 4.1.2 doesn't report the file type.

XMLHttpRequest File Uploads

The following browsers support XHR file uploads, which allows advanced usage of the file upload API:

Desktop browsers

  • Google Chrome
  • Apple Safari 5.0+
  • Mozilla Firefox 4.0+
  • Opera 12.0+
  • Microsoft Internet Explorer 10.0+

Mobile browsers

  • Apple Safari Mobile on iOS 6.0+
  • Google Chrome on iOS 6.0+
  • Default Browser on Android 3.2+
  • Opera Mobile 12.0+

Iframe Transport

The Iframe Transport is used for other browsers. The Iframe Transport requires a file input selection to upload files.

Image Resizing Functionality

The following browsers support client-side image resizing functionality:

Desktop browsers

  • Google Chrome
  • Apple Safari 6.0+
  • Mozilla Firefox 4.0+
  • Microsoft Internet Explorer 10.0+

Mobile browsers

  • Apple Safari Mobile on iOS 6.0+
  • Google Chrome on iOS 6.0+
Something went wrong with that request. Please try again.