You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
85 lines
2.1 KiB
85 lines
2.1 KiB
11 months ago
|
'use strict';
|
||
|
|
|
||
|
|
Object.defineProperty(exports, '__esModule', { value: true });
|
||
|
|
|
||
|
|
var shared = require('@vue/shared');
|
||
|
|
|
||
|
|
function getError(action, option, xhr) {
|
||
|
|
let msg;
|
||
|
|
if (xhr.response) {
|
||
|
|
msg = `${xhr.response.error || xhr.response}`;
|
||
|
|
} else if (xhr.responseText) {
|
||
|
|
msg = `${xhr.responseText}`;
|
||
|
|
} else {
|
||
|
|
msg = `fail to ${option.method} ${action} ${xhr.status}`;
|
||
|
|
}
|
||
|
|
const err = new Error(msg);
|
||
|
|
err.status = xhr.status;
|
||
|
|
err.method = option.method;
|
||
|
|
err.url = action;
|
||
|
|
return err;
|
||
|
|
}
|
||
|
|
function getBody(xhr) {
|
||
|
|
const text = xhr.responseText || xhr.response;
|
||
|
|
if (!text) {
|
||
|
|
return text;
|
||
|
|
}
|
||
|
|
try {
|
||
|
|
return JSON.parse(text);
|
||
|
|
} catch (e) {
|
||
|
|
return text;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function upload(option) {
|
||
|
|
if (typeof XMLHttpRequest === "undefined") {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
const xhr = new XMLHttpRequest();
|
||
|
|
const action = option.action;
|
||
|
|
if (xhr.upload) {
|
||
|
|
xhr.upload.onprogress = function progress(e) {
|
||
|
|
if (e.total > 0) {
|
||
|
|
;
|
||
|
|
e.percent = e.loaded / e.total * 100;
|
||
|
|
}
|
||
|
|
option.onProgress(e);
|
||
|
|
};
|
||
|
|
}
|
||
|
|
const formData = new FormData();
|
||
|
|
if (option.data) {
|
||
|
|
Object.keys(option.data).forEach((key) => {
|
||
|
|
formData.append(key, option.data[key]);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
formData.append(option.filename, option.file, option.file.name);
|
||
|
|
xhr.onerror = function error() {
|
||
|
|
option.onError(getError(action, option, xhr));
|
||
|
|
};
|
||
|
|
xhr.onload = function onload() {
|
||
|
|
if (xhr.status < 200 || xhr.status >= 300) {
|
||
|
|
return option.onError(getError(action, option, xhr));
|
||
|
|
}
|
||
|
|
option.onSuccess(getBody(xhr));
|
||
|
|
};
|
||
|
|
xhr.open(option.method, action, true);
|
||
|
|
if (option.withCredentials && "withCredentials" in xhr) {
|
||
|
|
xhr.withCredentials = true;
|
||
|
|
}
|
||
|
|
const headers = option.headers || {};
|
||
|
|
for (const item in headers) {
|
||
|
|
if (shared.hasOwn(headers, item) && headers[item] !== null) {
|
||
|
|
xhr.setRequestHeader(item, headers[item]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (headers instanceof Headers) {
|
||
|
|
headers.forEach((value, key) => {
|
||
|
|
xhr.setRequestHeader(key, value);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
xhr.send(formData);
|
||
|
|
return xhr;
|
||
|
|
}
|
||
|
|
|
||
|
|
exports["default"] = upload;
|
||
|
|
//# sourceMappingURL=ajax.js.map
|