forked from albertba/Advertisement_Panel
72 lines
2.1 KiB
JavaScript
72 lines
2.1 KiB
JavaScript
const imageInput = document.getElementById('imageInput');
|
|
const preview = document.getElementById('preview');
|
|
|
|
let currentFile = null;
|
|
|
|
|
|
|
|
imageInput.addEventListener('change', function() {
|
|
currentFile = this.files[0];
|
|
if (currentFile) {
|
|
const reader = new FileReader();
|
|
reader.onload = function(e) {
|
|
preview.src = e.target.result;
|
|
preview.style.display = 'block';
|
|
}
|
|
reader.readAsDataURL(currentFile);
|
|
} else {
|
|
preview.style.display = 'none';
|
|
}
|
|
});
|
|
|
|
document.getElementById('imageForm').addEventListener('submit', function(e) {
|
|
e.preventDefault();
|
|
|
|
// Add your upload logic here
|
|
const formData = new FormData();
|
|
formData.append('image', currentFile);
|
|
if (!currentFile) {
|
|
alert('Please select an image to upload.');
|
|
return;
|
|
}
|
|
fetch('/upload', {
|
|
method: 'POST',
|
|
body: formData
|
|
}).then(response => response.text())
|
|
.then(data => {
|
|
console.log(data);
|
|
alert('Image uploaded successfully!');
|
|
window.location.reload();
|
|
})
|
|
.catch(error => {
|
|
console.error('Error:', error);
|
|
alert('Error uploading image.');
|
|
});
|
|
});
|
|
|
|
function openTab(evt, tabNumber) {
|
|
// Declare all variables
|
|
var i, tabcontent, tablinks;
|
|
|
|
// Get all elements with class="tabcontent" and hide them
|
|
tabcontent = document.getElementsByClassName("tab-container");
|
|
for (i = 0; i < tabcontent.length; i++) {
|
|
tabcontent[i].style.display = "none";
|
|
}
|
|
|
|
// Get all elements with class="tablinks" and remove the class "active"
|
|
tablinks = document.getElementsByClassName("tab-button");
|
|
for (i = 0; i < tablinks.length; i++) {
|
|
tablinks[i].className = tablinks[i].className.replace(" active", "");
|
|
}
|
|
|
|
// Show the current tab, and add an "active" class to the button that opened the tab
|
|
console.log("tab-"+tabNumber);
|
|
let currentTab = document.getElementById('tab-'+(tabNumber))
|
|
if (currentTab) {
|
|
currentTab.style.display = "block";
|
|
} else throw new Error("Tab not found: " + tabNumber);
|
|
currentTab.style.display = "block";
|
|
evt.currentTarget.className += " active";
|
|
}
|