Current File : /home/vacivi36/ava/lib/editor/tiny/amd/src/uploader.js
// This file is part of Moodle - http://moodle.org/
//
// Moodle is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// Moodle is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with Moodle. If not, see <http://www.gnu.org/licenses/>.
/**
* Tiny Media plugin for Moodle.
*
* @module editor_tiny/uploade
* @copyright 2022 Andrew Lyons <andrew@nicols.co.uk>
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
import {
notifyUploadStarted,
notifyUploadCompleted,
} from 'core_form/events';
import {getFilePicker} from 'editor_tiny/options';
// This image uploader is based on advice given at:
// https://www.tiny.cloud/docs/tinymce/6/upload-images/
export default (editor, filePickerType, blob, fileName, progress) => new Promise((resolve, reject) => {
notifyUploadStarted(editor.targetElm.id);
const xhr = new XMLHttpRequest();
// Add the progress handler.
xhr.upload.addEventListener('progress', (e) => {
progress(e.loaded / e.total * 100);
});
xhr.addEventListener('load', () => {
if (xhr.status === 403) {
reject({
message: `HTTP error: ${xhr.status}`,
remove: true,
});
return;
}
if (xhr.status < 200 || xhr.status >= 300) {
reject(`HTTP Error: ${xhr.status}`);
return;
}
const response = JSON.parse(xhr.responseText);
if (!response) {
reject(`Invalid JSON: ${xhr.responseText}`);
return;
}
notifyUploadCompleted(editor.targetElm.id);
let location;
if (response.url) {
location = response.url;
} else if (response.event && response.event === 'fileexists' && response.newfile) {
// A file with this name is already in use here - rename to avoid conflict.
// Chances are, it's a different image (stored in a different folder on the user's computer).
// If the user wants to reuse an existing image, they can copy/paste it within the editor.
location = response.newfile.url;
}
if (location && typeof location === 'string') {
resolve(location);
return;
}
reject(`Unable to handle file result: ${xhr.responseText}`);
});
xhr.addEventListener('error', () => {
reject({
message: `Upload failed due to an XHR transport error. Code: ${xhr.status}`,
remove: true,
});
});
const formData = new FormData();
const options = getFilePicker(editor, filePickerType);
formData.append('repo_upload_file', blob, fileName);
formData.append('itemid', options.itemid);
Object.values(options.repositories).some((repository) => {
if (repository.type === 'upload') {
formData.append('repo_id', repository.id);
return true;
}
return false;
});
formData.append('env', options.env);
formData.append('sesskey', M.cfg.sesskey);
formData.append('client_id', options.client_id);
formData.append('savepath', options.savepath ?? '/');
formData.append('ctx_id', options.context.id);
xhr.open('POST', `${M.cfg.wwwroot}/repository/repository_ajax.php?action=upload`, true);
xhr.send(formData);
});
Mini Shell