49 lines
946 B
JavaScript
49 lines
946 B
JavaScript
class FileUpload {
|
|||
_xhr = new XMLHttpRequest();
|
|||
|
|||
_formData = new FormData();
|
|||
|
|||
fetch = (method, url, headers, data) => {
|
|||
this._xhr.open(method, url);
|
|||
|
|||
Object.keys(headers).forEach((key) => {
|
|||
this._xhr.setRequestHeader(key, headers[key]);
|
|||
});
|
|||
|
|||
data.forEach((item) => {
|
|||
if (item.uri) {
|
|||
this._formData.append(item.name, {
|
|||
uri: item.uri,
|
|||
type: item.type,
|
|||
name: item.filename
|
|||
});
|
|||
} else {
|
|||
this._formData.append(item.name, item.data);
|
|||
}
|
|||
});
|
|||
|
|||
return this;
|
|||
}
|
|||
|
|||
then = (callback) => {
|
|||
this._xhr.onload = () => callback({ respInfo: this._xhr });
|
|||
this._xhr.send(this._formData);
|
|||
}
|
|||
|
|||
catch = (callback) => {
|
|||
this._xhr.onerror = callback;
|
|||
}
|
|||
|
|||
uploadProgress = (callback) => {
|
|||
this._xhr.upload.onprogress = ({ total, loaded }) => callback(loaded, total);
|
|||
}
|
|||
|
|||
cancel = () => {
|
|||
this._xhr.abort();
|
|||
return Promise.resolve();
|
|||
}
|
|||
}
|
|||
|
|||
const fileUpload = new FileUpload();
|
|||
export default fileUpload;
|