40 lines
1.3 KiB
TypeScript
40 lines
1.3 KiB
TypeScript
const UpladFile = props => {
|
||
let { xhr, options } = props;
|
||
const { file, url, uploadData, headers, callback, getProgress } = options;
|
||
|
||
var form = new FormData(); // FormData 对象
|
||
form.append('file', file); // 文件对象
|
||
for (let key in uploadData) {
|
||
if (uploadData.hasOwnProperty(key)) {
|
||
form.append(key, uploadData[key]);
|
||
}
|
||
}
|
||
xhr = new XMLHttpRequest(); // XMLHttpRequest 对象
|
||
xhr.open('post', url, true); //post方式，url为服务器请求地址，true 该参数规定请求是否异步处理。
|
||
for (let key in headers) {
|
||
if (headers.hasOwnProperty(key)) {
|
||
xhr.setRequestHeader(key, headers[key]);
|
||
}
|
||
}
|
||
xhr.onload = evt => callback(true, JSON.parse(evt.target.response)); //请求完成
|
||
xhr.onerror = evt => callback(false, JSON.parse(evt.target.response)); //请求失败
|
||
xhr.upload.onprogress = evt => {
|
||
if (evt.lengthComputable) {
|
||
const rate = Math.round((evt.loaded / evt.total) * 100);
|
||
if (getProgress) getProgress(file.uid, rate);
|
||
}
|
||
};
|
||
xhr.send(form); //开
|
||
};
|
||
|
||
const cancleUploadFile = xhr => {
|
||
xhr.abort();
|
||
};
|
||
|
||
const upladFileProgress = props => {
|
||
const { file, url, uploadData, headers, callback, getProgress } = props;
|
||
let xhr;
|
||
UpladFile({ xhr, options: { file, url, uploadData, headers, callback, getProgress } });
|
||
};
|
||
|
||
export default upladFileProgress;
|