Отображение панели прогресса для загрузки файла

Question

Мне нужно создать приложение, в котором я могу добавлять файлы для загрузки. Когда я добавляю элементы для загрузки, вместе с каждым добавленным элементом должен отображаться индикатор прогресса. И когда я нажимаю для загрузки файла, ход загрузки файла для каждого файла должен отражаться в индикаторе выполнения. Прогресс должен использовать функцию, такую ​​как

..... 
addEventListener(ProgressEvent.Progress, uploadProgressHandler); 

private function uploadProgressHandler(event:ProgressEvent):void 
{ 
    var numPerc:Number = Math.round((Number(event.bytesLoaded)/Number(event.bytesTotal)) * 100); 

    //this.progBar.validateNow(); 

    ..... 
} 

Может ли кто-нибудь помочь мне?

Answer 1

Flex имеет класс ProgressBar, вы еще проверили его?

Answer 2

Вот два отличных примеров загрузчиков Flex файлов (с использованием HTTP):

• Flex File Uploader using PHP, with source.
• Merb and Adobe AIR File Uploader, with source.

alt text http://blog.vixiom.com/uploads/merb_air_upload.png

Для того, чтобы сделать вышеуказанные два примера работать вместе, чтобы достичь желаемого результата (множественный загрузчик файлов, один ProgressBar в прелоадер, в Flex), все, что вам нужно сделать, это:

1. ВЫГРУЖАТЬ Flex File Uploader PHP Project
2. Загрузите копию Merb AIR Uploader и/вставить «UploadProgressComponent.mxml» где-то в проект PHP (скопировать в src/UploadProgressComponent.mxml на данный момент).
3. Заменить DataGrid с списком и пользовательский ItemRenderer в FileUpload.mxml в Flex File Uploader проект PHP.

Заменить это:

<mx:DataGrid id="listFiles" left="0" top="0" bottom="0" right="0" 
allowMultipleSelection="true" verticalScrollPolicy="on" 
draggableColumns="false" resizableColumns="false" sortableColumns="false"> 
    <mx:columns> 
     <mx:DataGridColumn headerText="File" dataField="name" wordWrap="true"/> 
     <mx:DataGridColumn headerText="Size" dataField="size" width="75" textAlign="right"/> 
    </mx:columns> 
</mx:DataGrid> 

с этим:

<mx:List id="listFiles" left="0" top="0" bottom="0" right="0" 
allowMultipleSelection="true" verticalScrollPolicy="on" 
itemRenderer="UploadProgressComponent"/> 

Результат: Multiple загрузчик файлов в Flex, с пользовательским ItemRenderer, который имеет ProgressBar для каждого FileReference. Загружается в PHP-скрипт, который вы можете заменить на что угодно.

Должно быть очень легко настроить оттуда. Дайте мне знать, если это работает, Lance

Answer 3

Смотрите следующие примеры:

Multiple File Upload with Flex and PHP
который выглядит следующим образом:

Multiple File Upload With Progress Bar Using Flash and ASP.NET
, который выглядит следующим образом: