67 lines
1.9 KiB
JavaScript
67 lines
1.9 KiB
JavaScript
import axios from "axios";
|
|
|
|
class CKUploadAdaptater {
|
|
constructor(loader) {
|
|
// The file loader instance to use during the upload.
|
|
this.loader = loader;
|
|
}
|
|
|
|
// Starts the upload process.
|
|
upload() {
|
|
return this.loader.file.then(
|
|
(file) =>
|
|
new Promise((resolve, reject) => {
|
|
this._initRequest();
|
|
this._sendRequest(file, resolve, reject);
|
|
})
|
|
);
|
|
}
|
|
|
|
// Aborts the upload process.
|
|
abort() {
|
|
if (this.cancel) {
|
|
this.cancel.abort();
|
|
}
|
|
}
|
|
|
|
// Initializes the XMLHttpRequest object using the URL passed to the constructor.
|
|
_initRequest() {
|
|
this.cancel = axios.CancelToken.source();
|
|
// eslint-disable-next-line no-undef
|
|
this.route = require("./../modules/route").default.methods.route(
|
|
"crud-policies.upload"
|
|
);
|
|
}
|
|
|
|
// Prepares the data and sends the request.
|
|
_sendRequest(file, resolve, reject) {
|
|
// Prepare the form data.
|
|
const data = new FormData();
|
|
data.append("upload", file);
|
|
let headers = Object.assign(
|
|
{},
|
|
window.axios ? window.axios.defaults.headers.common : {}
|
|
);
|
|
headers["Content-Type"] = "multipart/form-data";
|
|
axios
|
|
.post(this.route, data, {
|
|
withCredentials: true,
|
|
headers: headers,
|
|
onUploadProgress: (evt) => {
|
|
this.loader.uploadTotal = evt.total;
|
|
this.loader.uploaded = evt.loaded;
|
|
},
|
|
})
|
|
.then((response) => {
|
|
resolve({
|
|
default: response.data.url,
|
|
});
|
|
})
|
|
.catch((error) => {
|
|
console.error(error);
|
|
reject("Le fichier à été marbré");
|
|
});
|
|
}
|
|
}
|
|
|
|
export { CKUploadAdaptater };
|