Сохранить объект файла в файл — sweetalert2 — javascript

Question

Сохранить объект файла в файл — sweetalert2 — javascript

Я установил всплывающее окно SweetAlert2 с вводом файла (разрешены только изображения), в соответствии с пример:

const {value: file} = await swal({
title: "Image upload",
text: "Upload your profile image",
input: 'file',
inputAttributes: {
'accept': 'image/*',
'aria-label': "Upload here your image"}
});

и затем я отправил запрос ajax через XMLHTTPRequest в файл PHP:

if (file) {
if (!file) throw null;
swal.showLoading();

if (window.XMLHttpRequest) {
// code for modern browsers
var xmlhttp = new XMLHttpRequest();
} else {
// code for old IE browsers
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function () {
// success message
};

xmlhttp.open("GET", "includes/uploadimage.php?image=" + file, true);
xmlhttp.send();

}

Файл PHP сохранит объект файла, сгенерированный вводом SweetAlert2 (и затем переданный через XMLHttpRequest) в файл на сервере, но я не знаю, как это сделать.

0

javascript php sweetalert2

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Я решил это, используя JS-ридер, считывая URI данных из него и отправляя его через FormData с POST XMLHttpRequest.

if (file) {
if (!file) throw null;
swal.showLoading();
const reader = new FileReader;
reader.onload = (e) => {
const fd = new FormData;
fd.append('image', e.target.result);
if (window.XMLHttpRequest) {
// code for modern browsers
var xmlhttp = new XMLHttpRequest();
} else {
// code for old IE browsers
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function () {
// ... do something ...
};

xmlhttp.open("POST", "includes/uploadimage.php", true);
xmlhttp.send(fd);
};
reader.readAsDataURL(file)
}

0