Näytä tarkka virheviesti uploadissa
This commit is contained in:
@@ -491,20 +491,22 @@
|
|||||||
const lbl = document.getElementById(labelId);
|
const lbl = document.getElementById(labelId);
|
||||||
lbl.style.opacity = '0.5';
|
lbl.style.opacity = '0.5';
|
||||||
|
|
||||||
const resized = await resizeImage(file);
|
let resized;
|
||||||
|
try { resized = await resizeImage(file); } catch (e) { lbl.style.opacity = ''; showToast('⚠️ Kuvan käsittely epäonnistui: ' + e.message); return; }
|
||||||
|
|
||||||
const formData = new FormData();
|
const formData = new FormData();
|
||||||
formData.append('file', resized, resized.name || 'image.jpg');
|
formData.append('file', resized, resized.name || 'image.jpg');
|
||||||
try {
|
try {
|
||||||
const res = await fetch('upload.php', { method: 'POST', body: formData });
|
const res = await fetch('upload.php', { method: 'POST', body: formData });
|
||||||
if (!res.ok) throw new Error(await res.text());
|
|
||||||
const data = await res.json();
|
const data = await res.json();
|
||||||
|
if (data.error) throw new Error(data.error);
|
||||||
document.getElementById(hiddenId).value = data.url;
|
document.getElementById(hiddenId).value = data.url;
|
||||||
const prev = document.getElementById(previewId);
|
const prev = document.getElementById(previewId);
|
||||||
prev.src = data.url;
|
prev.src = data.url;
|
||||||
prev.style.display = 'block';
|
prev.style.display = 'block';
|
||||||
lbl.classList.add('has-image');
|
lbl.classList.add('has-image');
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
showToast('⚠️ Kuvan lataus epäonnistui. Tuetut muodot: JPG, PNG, GIF, WebP (max 20 MB).');
|
showToast('⚠️ ' + e.message);
|
||||||
} finally {
|
} finally {
|
||||||
lbl.style.opacity = '';
|
lbl.style.opacity = '';
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -427,20 +427,22 @@ async function uploadImg(input, hiddenId, previewId, labelId) {
|
|||||||
const lbl = document.getElementById(labelId);
|
const lbl = document.getElementById(labelId);
|
||||||
lbl.style.opacity = '0.5';
|
lbl.style.opacity = '0.5';
|
||||||
|
|
||||||
const resized = await resizeImage(file);
|
let resized;
|
||||||
|
try { resized = await resizeImage(file); } catch (e) { lbl.style.opacity = ''; alert('Kuvan käsittely epäonnistui: ' + e.message); return; }
|
||||||
|
|
||||||
const formData = new FormData();
|
const formData = new FormData();
|
||||||
formData.append('file', resized, resized.name || 'image.jpg');
|
formData.append('file', resized, resized.name || 'image.jpg');
|
||||||
try {
|
try {
|
||||||
const res = await fetch('upload.php', { method: 'POST', body: formData });
|
const res = await fetch('upload.php', { method: 'POST', body: formData });
|
||||||
if (!res.ok) throw new Error(await res.text());
|
|
||||||
const data = await res.json();
|
const data = await res.json();
|
||||||
|
if (data.error) throw new Error(data.error);
|
||||||
document.getElementById(hiddenId).value = data.url;
|
document.getElementById(hiddenId).value = data.url;
|
||||||
const prev = document.getElementById(previewId);
|
const prev = document.getElementById(previewId);
|
||||||
prev.src = data.url;
|
prev.src = data.url;
|
||||||
prev.style.display = 'block';
|
prev.style.display = 'block';
|
||||||
lbl.classList.add('has-image');
|
lbl.classList.add('has-image');
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
alert('Kuvan lataus epäonnistui. Tuetut muodot: JPG, PNG, GIF, WebP (max 20 MB).');
|
alert('Kuvan lataus epäonnistui: ' + e.message);
|
||||||
} finally {
|
} finally {
|
||||||
lbl.style.opacity = '';
|
lbl.style.opacity = '';
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user