--- title: "Uploading Large Amount of Images" canonical: https://www.aurigma.com/docs/us8/uploading-large-amount-of-images.htm product: "Upload Suite 8" --- # Uploading Large Amount of Images Supported technologies: ![Adobe Flash](https://www.aurigma.com/docs/us8/icons/flash.png) Modern JavaScript is powerful enough to process large volumes of data. However when it comes to really serious amounts of files or sizes (say, a couple of thousand files), you may find out that it works quite slowly or unstable. How to handle this? ## Avoid settings that cause HTML5 Uploader reading files before the upload Under certain circumstances, the uploader has to read and parse the file before adding it to the upload list. It may work fine when you have few dozens of files, but if you have thousands of files, it may become annoying. What kind of settings you should avoid for large amounts? - Image dimension and color space restrictions - EXIF-based settings (such as EnableAutoRotation[EnableAutoRotation (ASP.NET)](https://www.aurigma.com/docs/us8/FH_P_Aurigma_ImageUploaderFlash_ImageUploaderFlash_EnableAutoRotation.htm.md)[EnableAutoRotation (PHP)](https://www.aurigma.com/docs/us8/FH_P_P_ImageUploaderFlash_EnableAutoRotation.htm.md)[enableAutoRotation (JavaScript)](https://www.aurigma.com/docs/us8/FH_P_J_$au_imageUploaderFlash_enableAutoRotation.htm.md) and EnableExifPreview[EnableExifPreview (ASP.NET)](https://www.aurigma.com/docs/us8/FH_P_Aurigma_ImageUploaderFlash_ImageUploaderFlash_EnableExifPreview.htm.md)[EnableExifPreview (PHP)](https://www.aurigma.com/docs/us8/FH_P_P_ImageUploaderFlash_EnableExifPreview.htm.md)[enableExifPreview (JavaScript)](https://www.aurigma.com/docs/us8/FH_P_J_$au_imageUploaderFlash_enableExifPreview.htm.md)) - Displaying thumbnails in the upload pane If you use these settings, the uploader will load files as fast as possible: ```aspx-cs ``` ``` $uploader = new ImageUploaderFlash("Uploader1"); $uploader->setEnableAutoRotation(false); $uploader->setEnableExifPreview(false); $uploader->getRestrictions()->setMinImageWidth("0"); $uploader->getRestrictions()->setMinImageHeight("0"); $uploader->getRestrictions()->setMaxImageWidth("0"); $uploader->getRestrictions()->setMaxImageHeight("0"); $uploader->getRestrictions()->setEnableCmyk(true); $uploader->getUploadPane()->setViewMode("Icons"); $uploader->render(); ``` ``` var fu = $au.imageUploaderFlash({ id: 'Uploader1', enableAutoRotation: false, enableExifPreview: false, restrictions: { minImageWidth: "0", minImageHeight: "0", maxImageWidth: "0", maxImageHeight: "0", enableCmyk: "true", }, uploadPane: { viewMode: "Icons" } }); fu.writeHtml(); ``` ## Selecting large amount of files It is recommended to instruct your users selecting that many files through drag-and-drop, otherwise they may encounter with browser limitations of a max number of files that may be selected through the Open File Dialog (may vary for different browsers). Another good option is using folder selection. ## Flash uploader specific information Adobe Flash Player has the following peculiarities about files handling: - To get some information from a file this file has to be loaded to memory. - File being once loaded to memory cannot be unloaded. - Adobe Flash Player has access to the limited amount of memory. These limitations affect uploading images most of all, because performing image-specific operations (creating thumbnails, obtaining image dimensions and metadata, and etc.) requires to load image files to memory. Working on Flash Uploader we have found that thumbnails in **upload pane** can be created for about 200 user-selected 8Mpix photos, whereas creating more thumbnails causes the "out of memory" problem. Thus, Flash Uploader has a mechanism preventing it from running out of memory. The mechanism logic is rather simple: if Adobe Flash Player is about to consume all available memory, Flash Uploader stops creating thumbnails and displays the remaining image files as icons. So, if a user selects to upload more images than Adobe Flash Player can keep in memory, some of these images will be shown as icons in the **upload pane**. To prevent this from happening you can use one of the following approaches: - Restrict maximum total size of files selected to upload. This way is suitable if you expect that not more than 200 photos of the average size will be uploaded per one upload session. - Set `Icons` view mode. This approach works better if your application requires uploading large amount of images at once. **Note** If you set MaxImageHeight[MaxImageHeight (ASP.NET)](https://www.aurigma.com/docs/us8/FH_P_Aurigma_ImageUploaderFlash_Restrictions_MaxImageHeight.htm.md)[MaxImageHeight (PHP)](https://www.aurigma.com/docs/us8/FH_P_P_Restrictions_MaxImageHeight.htm.md)[maxImageHeight (JavaScript)](https://www.aurigma.com/docs/us8/FH_P_J_$au_restrictions_maxImageHeight.htm.md), MaxImageWidth[MaxImageWidth (ASP.NET)](https://www.aurigma.com/docs/us8/FH_P_Aurigma_ImageUploaderFlash_Restrictions_MaxImageWidth.htm.md)[MaxImageWidth (PHP)](https://www.aurigma.com/docs/us8/FH_P_P_Restrictions_MaxImageWidth.htm.md)[maxImageWidth (JavaScript)](https://www.aurigma.com/docs/us8/FH_P_J_$au_restrictions_maxImageWidth.htm.md), MinImageHeight[MinImageHeight (ASP.NET)](https://www.aurigma.com/docs/us8/FH_P_Aurigma_ImageUploaderFlash_Restrictions_MinImageHeight.htm.md)[MinImageHeight (PHP)](https://www.aurigma.com/docs/us8/FH_P_P_Restrictions_MinImageHeight.htm.md)[minImageHeight (JavaScript)](https://www.aurigma.com/docs/us8/FH_P_J_$au_restrictions_minImageHeight.htm.md), or MinImageWidth[MinImageWidth (ASP.NET)](https://www.aurigma.com/docs/us8/FH_P_Aurigma_ImageUploaderFlash_Restrictions_MinImageWidth.htm.md)[MinImageWidth (PHP)](https://www.aurigma.com/docs/us8/FH_P_P_Restrictions_MinImageWidth.htm.md)[minImageWidth (JavaScript)](https://www.aurigma.com/docs/us8/FH_P_J_$au_restrictions_minImageWidth.htm.md) restrictions Flash Uploader automatically sets the MaxTotalFileSize[MaxTotalFileSize (ASP.NET)](https://www.aurigma.com/docs/us8/FH_P_Aurigma_ImageUploaderFlash_Restrictions_MaxTotalFileSize.htm.md)[MaxTotalFileSize (PHP)](https://www.aurigma.com/docs/us8/FH_P_P_Restrictions_MaxTotalFileSize.htm.md)[maxTotalFileSize (JavaScript)](https://www.aurigma.com/docs/us8/FH_P_J_$au_restrictions_maxTotalFileSize.htm.md) property equal to 250 Megabytes. ## Restricting Maximum Total Size of Files Selected to Upload This approach offers you to configure Flash Uploader in such way that users cannot select more files than Adobe Flash Player is able to handle. Thus, you can be sure that all user-selected images will be shown as thumbnails in the **Upload Pane**, if the other is not set by the ViewMode[ViewMode (ASP.NET)](https://www.aurigma.com/docs/us8/FH_P_Aurigma_ImageUploaderFlash_UploadPane_ViewMode.htm.md)[ViewMode (PHP)](https://www.aurigma.com/docs/us8/FH_P_P_UploadPane_ViewMode.htm.md)[viewMode (JavaScript)](https://www.aurigma.com/docs/us8/FH_P_J_$au_uploadPane_viewMode.htm.md) property. Use the **MaxTotalFileSize** property to specify maximum total size of files selected to upload. The following configuration sets the **MaxTotalFileSize** property to 200 Megabytes: ```aspx-cs ``` ``` $uploader = new ImageUploaderFlash("Uploader1"); $uploader->getRestrictions()->setMaxTotalFileSize("209715200"); $uploader->render(); ``` ``` var fu = $au.imageUploaderFlash({ id: 'Uploader1', restrictions: { maxTotalFileSize: "209715200"}, }); fu.writeHtml(); ``` ## Setting Icons View Mode In this case all files in **Upload Pane** will be shown as icons. As a result there will be no need to load selected files to memory. So, no additional limitations should be set and no thumbnails/icons mix will happen. To utilize this approach set the **ViewMode** property to `Icons` as it is shown in the following sample: ```aspx-cs ``` ``` $uploader = new ImageUploaderFlash("Uploader1"); $uploader->getUploadPane()->setViewMode("Icons"); $uploader->render(); ``` ``` var fu = $au.imageUploaderFlash({ id: 'Uploader1', uploadPane: { viewMode: "Icons"}, }); fu.writeHtml(); ``` ## See Also ### Reference - MaxTotalFileSize Property[MaxTotalFileSize (ASP.NET)](https://www.aurigma.com/docs/us8/FH_P_Aurigma_ImageUploaderFlash_Restrictions_MaxTotalFileSize.htm.md)[MaxTotalFileSize (PHP)](https://www.aurigma.com/docs/us8/FH_P_P_Restrictions_MaxTotalFileSize.htm.md)[maxTotalFileSize (JavaScript)](https://www.aurigma.com/docs/us8/FH_P_J_$au_restrictions_maxTotalFileSize.htm.md) - UploadPane Property[UploadPane (ASP.NET)](https://www.aurigma.com/docs/us8/FH_P_Aurigma_ImageUploaderFlash_ImageUploaderFlash_UploadPane.htm.md)[UploadPane (PHP)](https://www.aurigma.com/docs/us8/FH_P_P_ImageUploaderFlash_UploadPane.htm.md)[uploadPane (JavaScript)](https://www.aurigma.com/docs/us8/FH_P_J_$au_imageUploaderFlash_uploadPane.htm.md) - FolderProcessingMode [ImageUploaderFlash.FolderProcessingMode (ASP.NET)](https://www.aurigma.com/docs/us8/FH_P_Aurigma_ImageUploaderFlash_ImageUploaderFlash_FolderProcessingMode.htm.md) [ImageUploaderFlash.FolderProcessingMode (PHP)](https://www.aurigma.com/docs/us8/FH_P_P_ImageUploaderFlash_FolderProcessingMode.htm.md) [$au.imageUploaderFlash.folderProcessingMode (JavaScript API)](https://www.aurigma.com/docs/us8/FH_P_J_$au_imageUploaderFlash_folderProcessingMode.htm.md) ### Manual - [Configuring Restriction Rules for Files](https://www.aurigma.com/docs/us8/configuring-restrictions-and-file-filters-iuf.htm.md) - How to upload folders [How to upload folders (ASP.NET API)](https://www.aurigma.com/docs/us8/uploading-folders-in-aspnet-iuf.htm.md) [How to upload folders (PHP API)](https://www.aurigma.com/docs/us8/uploading-folders-in-php-iuf.htm.md) [How to upload folders (JavaScript API)](https://www.aurigma.com/docs/us8/uploading-folders-in-other-platforms-iuf.htm.md)