A tool for photo uploding in formdata.
yarn add dolu
Both es6 and AMD are supported by Dolu：
# es6
import Dolu from 'dolu'
# AMD
const Dolu = require('Dolu')
After importing/requiring, create an instance：
const dolu = new Dolu(config)
| params | type | description | default | required |
|---|---|---|---|---|
| picker | String | selector of your <input> picker |
null |
no |
| autoSend | Boolean | upload after file picking immediately | false |
no |
| quantity | Number | the quantity of photoes | 4 |
no |
| uploader | Function | defined your upload function, dolu.send() |
() => {} |
no |
| getDataUrls | Function | receive a base64 array transform from your photoes |
() => {} |
no |
| getFormDatas | Function | receive a formdata array transform from your photoes |
() => {} |
no |
uploader: receive two params:
dataandindex. Paramdatais type offormdata, and paramindexis the number of a photo.
Dolu has an instance method call send(). This method receive an array in type of base64 string or formdata, and upload it one by one after triggering it.
dolulu.send(yourArray)
- Using
<input>tag:
import Dolu from './dolu'
import axios from 'axios'
const dolu = new Dolu({
// define the `<input>` tag
picker: '#picker',
// define an upload function by using `axios`
uploader(data, index) {
axios({
method: 'post',
url: '/upload',
data: data,
onUploadProgress: (e) => {
const percent = Math.round( (e.loaded * 100) / e.total )
console.log(percent, index)
}
}).then((res) => {
console.log(res)
}).catch((err) => {
console.log(err)
})
},
// receive an array in type of `base64`
getDataUrls(arr) {
console.log(arr)
},
// upload manually
getFormDatas(arr) {
dolu.send(arr)
}
})
- Upload
base64array
import Dolu from './dolu'
import axios from 'axios'
const dolu = new Dolu({
uploader(data, index) {
axios({
method: 'post',
url: '/upload',
data: data,
onUploadProgress: (e) => {
const percent = Math.round( (e.loaded * 100) / e.total )
console.log(percent, index)
}
}).then((res) => {
console.log(res)
}).catch((err) => {
console.log(err)
})
}
})
const base64Arr = [ ... ] // a `base64` array
dolu.send(base64Arr)
git clone https://github.com/jrainlau/dolu.git
cd dolu && yarn add
# open a server for uploading test
yarn run server
# run dev
yarn run dev
Note:
Doluis undereslint-standardrule, everyone should observe it, nor won't allow to be run or build.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent