oa-uploader

$3

OaUploader is base on HTML5 FILE API

$3

npm install oa-uploader

then

import OaUploader from 'oa-uploader'

or

$3

| option | detail | type | default |
| --------------------------------- | ---------------------- | ------------ | ------------------ |
| files | upload file array | Array | --- |
| chunkSize | chunk size | Number | (1 << 20) * 5 |
| parallel | upload parallel number | Number | 3 |
| fileParallel | file parallel number | Number | 2 |
| md5 | enable md5 calculate | Boolean | false |
| maxMd5Size | max md5 calculate size | Number | (1 << 20) * 5000 |
| autoUpload | auto upload | Boolean | true |
| onBeforeUpload(file) | before upload hook | Function | null |
| onBeforeSend(file, formdata) | before request hook | Function | null |
| onProgress(file, progress, speed) | progress hook | Function | null |
| onOverAllProgress(progress) | uploaded hook | Function | null |
| onAbort(file) | abort hook | Function | null |
| onError(file) | error hook | Function | null |
| onLoad(file, res) | success upload hook | Function | null |
| el | file input element | String/DOM | null |
| onDrag | drag drop hook | Function | null |

$3

| name | detail | argument |
| -------- | ---------- | -------- |
| retry | 重试 | index |
| pause | 暂停 | index |
| delete | 删除 | index |
| stopAll | 全部停止 | null |
| retryAll | 全部重试 | null |
| addFiles | 增加新文件 | [file] |

$3

``javascript


window.onload = function () {
document.querySelector('#files')
.addEventListener('change', function(e) {
new OaUploader({
files: e.target.files,
md5: true,
uploadUrl: '/upload',
parallel: 3
});
});
}
``

$3

* 文件上传过程中重命名处理