Ext JS - Learning Center

Extension:UploadForm

From Learn About the Ext JavaScript Library

Revision as of 17:51, 27 December 2008 by Microz (Talk | contribs)
(diff) ← Older revision | Current revision (diff) | Newer revision → (diff)
Jump to: navigation, search
Summary: Ext UploadForm
Author: Jozef Sakalos
Published: July 14, 2007
Version: 1.0-beta2
Ext Version: 1.1
License: LGPLv3
Demo Link: View Demo
Forum Post: View Post

Contents

Description

The Ext UploadForm is Ext.form.BasicForm extension for easy upload of (multiple) files to a server. The files are added to a queue first then they are uploaded to the server.

Files can be removed from queue individually before upload or whole queue can be cleared. Result of upload is shown for each file by the success or failure icon and, in the case of a failure, the server error message is shown as tooltip of the failure icon.

Progress Bar

Getting a progress information on ongoing upload have been quite difficult for years. Standard browser upload logic doesn't provide any event or variable with upload data, thus, many solutions have been invented. There are client-only solutions or client-server solutions.

The UploadForm progress bar uses the client-server solution. Once upload is started the UploadForm periodically sends requests to the server for information about pending upload until the upload is completed. Therefore, for progress bar to work, the server has to be configured to deliver this information.

The progress bar can be switched off..

Changelog

  • Ver: 1.0-beta1 Works quite well, some events have to be implemented. Not for serious use.
  • Ver: 1.0-beta2 Progress bar implemented. Not for serious use.


Screenshots

UploadFrom with several files in the upload queue