30 lines
1005 B
JavaScript
30 lines
1005 B
JavaScript
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
const uploadZone = document.getElementById('uploadZone');
|
|
const fileInput = document.getElementById('vehicleImage');
|
|
const uploadForm = document.getElementById('uploadForm');
|
|
|
|
if (uploadZone) {
|
|
uploadZone.addEventListener('click', () => fileInput.click());
|
|
|
|
uploadZone.addEventListener('dragover', (e) => {
|
|
e.preventDefault();
|
|
uploadZone.classList.add('drag-over');
|
|
});
|
|
|
|
uploadZone.addEventListener('dragleave', () => {
|
|
uploadZone.classList.remove('drag-over');
|
|
});
|
|
|
|
uploadZone.addEventListener('drop', (e) => {
|
|
e.preventDefault();
|
|
uploadZone.classList.remove('drag-over');
|
|
if (e.dataTransfer.files.length > 0) {
|
|
fileInput.files = e.dataTransfer.files;
|
|
// Automatically submit the form when a file is dropped
|
|
uploadForm.submit();
|
|
}
|
|
});
|
|
}
|
|
});
|