File Upload với Progress bar

• Trang upload (Default.aspx)
  • IFRAME chứa trang sử lý upload
  • Một button upload (Cho phép user thực hiện upload file lên server)
  • Khung hiển thị thông tin file upload( bao gồm tên file, trạng thái, tiến trình…)
  • Grid (hiển thị danh sách file đã upload)
  • Hidden field
• Upload Engine(UploadEngine.aspx)
  • File Upload control

Default.aspx

UploadEngine.aspx

Trong khi load trang, nó sẽ đăng ký sự kiện cho nút Upload

• Chọn file Upload
• Click button upload (đăng ký sự kiện ở trên)
  
• Hiển thị tiến trình bằng thời gian thực
  
• Thực hiện cập nhật thông tin vào khung hiển thị
  
• Hai tiến trình sẽ thực hiện song song phía server
  
  
  • Upload Engine
    
  • Default
    
• Trong khi file đang upload thì thông tin của nó hiển thị như bên dưới
  
• 2 Hàm dưới đây thực hiện việc download và delete file
  
• Các trình duyệt hỗ trợ widget này