Uploading Large Amount of Images

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 Image Uploader Flash 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, Image Uploader Flash 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, Image Uploader Flash 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.

<aur:ImageUploaderFlash ID="Uploader1" runat="server" >
    <Restrictions MaxTotalFileSize="209715200" />
</aur:ImageUploaderFlash>

$uploader = new ImageUploaderFlash("Uploader1");
$uploader->getRestrictions()->setMaxTotalFileSize("209715200");
$uploader->render();

var fu = $au.imageUploaderFlash({
    id: 'Uploader1',
    restrictions: { maxTotalFileSize: "209715200"},
});
fu.writeHtml();

<aur:ImageUploaderFlash ID="Uploader1" runat="server" >
    <UploadPane ViewMode="Icons" />
</aur:ImageUploaderFlash>

$uploader = new ImageUploaderFlash("Uploader1");
$uploader->getUploadPane()->setViewMode("Icons");
$uploader->render();

var fu = $au.imageUploaderFlash({
    id: 'Uploader1',
    uploadPane: { viewMode: "Icons"},
});
fu.writeHtml();