upload file note

upload_note.md

fileUpload by yui library

init upload button

JavaScript bind click event

in IE

use JavaScript move CSS position

• uploader : Upload file
• uploaderOut : handle not drag area

event

fileSelect

select file & render upload list

check file status

handle fileList _upload

uploadprogress

upload file progress

uploadcomplete

upload complete

check ok or fail _upload

uploaderror

cancel & upload next

_upload

check file status & upload status

upload

upload fileList[uploadfile]

_cancelUpload

---

Notice

Y.Uploader.TYPE

• none(no flash)
• html5
  • drag & drop
• flash(IE)

    if (Y.Uploader.TYPE === 'none') {
        console.log('no install flash player');
        return;
    }
    // init upload button
    if (Y.Uploader.TYPE === 'html5') {
        // do something like drag & drop
    } else if (Y.Uploader.TYPE === 'flash') {
        // do something
    }

Free Space

check free space & show message update free space

Drag & drop

only chrome can check isFile or isDirectory

drop area check(use setTimeOut & clearTimeout)

handle UI

when something behavior happen need check UI

like cancel, complete and error

upload list control

need update upload list status

like cancel, complete and error

control fileList

queue

It is easy to control upload only one file upload and other queue

If has total progress

need control & update total when something behavior happen

like cancel, error and upload more