- Upload Suite Overview
- What's New?
- Choosing Upload Technology
- Evaluating Upload Suite
- Upload Suite Editions
- System Requirements
- Installation and Deployment Notes
- ActiveX/Java Uploader
- HTML5/Flash Uploader
- Before You Started with HTML5/Flash Uploader
- HTML5/Flash Uploader Architecture
- HTML5/Flash Uploader User Interface
- Getting Started
- Using HTML5/Flash Uploader
- Troubleshooting
- Reference
- HTML5/Flash Uploader ASP.NET Reference
- HTML5/Flash Uploader PHP Reference
- HTML5/Flash Uploader JavaScript Reference
- $au Namespace HTML5/Flash Uploader JavaScript
- addFilesProgressDialog Class HTML5/Flash Uploader JavaScript
- commonDialog Class HTML5/Flash Uploader JavaScript
- converter Class HTML5/Flash Uploader JavaScript
- converters Class HTML5/Flash Uploader JavaScript
- debug Class HTML5/Flash Uploader JavaScript
- descriptionEditor Class HTML5/Flash Uploader JavaScript
- drawTool Class HTML5/Flash Uploader JavaScript
- event Class HTML5/Flash Uploader JavaScript
- events Class HTML5/Flash Uploader JavaScript
- file Class HTML5/Flash Uploader JavaScript
- files Class HTML5/Flash Uploader JavaScript
- flashControl Class HTML5/Flash Uploader JavaScript
- imageEditor Class HTML5/Flash Uploader JavaScript
- imagePreviewWindow Class HTML5/Flash Uploader JavaScript
- imageUploaderFlash Class HTML5/Flash Uploader JavaScript
- informationBar Class HTML5/Flash Uploader JavaScript
- messages Class HTML5/Flash Uploader JavaScript
- metadata Class HTML5/Flash Uploader JavaScript
- paneItem Class HTML5/Flash Uploader JavaScript
- restrictions Class HTML5/Flash Uploader JavaScript
- restrictions Members HTML5/Flash Uploader JavaScript
- restrictions Properties HTML5/Flash Uploader JavaScript
- deniedFileMask Property HTML5/Flash Uploader JavaScript
- enableCmyk Property HTML5/Flash Uploader JavaScript
- fileMask Property HTML5/Flash Uploader JavaScript
- maxFileCount Property HTML5/Flash Uploader JavaScript
- maxFileSize Property HTML5/Flash Uploader JavaScript
- maxImageHeight Property HTML5/Flash Uploader JavaScript
- maxImageWidth Property HTML5/Flash Uploader JavaScript
- maxTotalFileSize Property HTML5/Flash Uploader JavaScript
- minFileCount Property HTML5/Flash Uploader JavaScript
- minFileSize Property HTML5/Flash Uploader JavaScript
- minImageHeight Property HTML5/Flash Uploader JavaScript
- minImageWidth Property HTML5/Flash Uploader JavaScript
- statusPane Class HTML5/Flash Uploader JavaScript
- topPane Class HTML5/Flash Uploader JavaScript
- uploadErrorDialog Class HTML5/Flash Uploader JavaScript
- uploadPane Class HTML5/Flash Uploader JavaScript
- uploadSettings Class HTML5/Flash Uploader JavaScript
- $au.amazonS3Extender Namespace HTML5/Flash Uploader JavaScript
- $au Namespace HTML5/Flash Uploader JavaScript
- HTML5/Flash Uploader Client-Side Events Reference
- POST Field Reference
- Licensing Information
- Legal Notices
restrictions.fileMask Property HTML5/Flash Uploader JavaScript
Gets or sets a file mask for files allowed for upload.
Syntax
$au.imageUploaderFlash({
restrictions: {
//...other params...
fileMask: [],
//...other params...
}
})
Get/Set Value at Runtime
$au.imageUploaderFlash('uploaderID').restrictions().fileMask(value);
value = $au.imageUploaderFlash('uploaderID').restrictions().fileMask();
Property Value
Type: Array
A file mask for files allowed for upload. The property value contains array of filters. Each item consists of two elements:
- Description string displayed in the drop-down filter list in the open file dialog.
-
List of file masks separated by semicolons. A file mask has the
*.<extension name>format, where asterisk*is an arbitrary file name.
For instance, a filter can be set as follows: [["Images", "*.jpg;*.png"], [...]], where "Images" is a description,
and "*.jpg;*.png" is a file mask.
Even if a user chooses files that do not meet FIleMask's requirements, Uploader sorts out the chosen files before adding them to the Upload Pane.
In Flash Uploader a file mask with a long description can work incorrectly due to Firefox limitations. Thus, we recommend setting description as short as possible.
For example, ["Documents", "*.txt;*.rtf;*.pdf;*.doc;*.docx;*.xls;*.xlsx"] works correctly
but ["Documents (*.txt;*.rtf;*.pdf;*.doc;*.docx;*.xls;*.xlsx)", "*.txt;*.rtf;*.pdf;*.doc;*.docx;*.xls;*.xlsx"] does not.
Due to browsers limitations, HTML5 Uploader ignores filter descriptions specified in settings and displays text strings predefined in a web browser. Even though descriptions are ignored, they are still required in parameters since Flash Uploader, which can be launched as a fallback option, supports them.
Due to Firefox security features, HTML5 Uploader always adds *.* mask to the file filter in this browser and makes it selected by default.
Instead of specifying a double array, you can just set a string with the single mask. However it will be incompatible with Flash uploader.
Default value is [].
Remarks
When opening a File Open Dialog in HTML5, it is necessary to specify a filter as a set of MIME types rather than file masks. HTML5 Uploader converts most popular file masks to appropriate file types automatically, but some exotic file extensions are not supported. In this case, you can configure a mapping between a file mask and MIME type manually, using Aurigma.MimeMapping collection, as follows:
Aurigma.MimeMapping["*.smth"] = "application/vnd.aurigma-stuff";
Note, you should call this code before the uploader is initialized, for example, in the InitComplete event.
See Also
Reference
- deniedFileMask Property
- Aurigma.ImageUploaderFlash.Restrictions.FileMask ASP.NET Property HTML5/Flash Uploader
- Restrictions.FileMask PHP Property HTML5/Flash Uploader