توظيف ذكي… بثقة أعلى

لأنك تستاهل وظيفة تناسب طموحك

اختر صورة أو اسحبها وأفلتها هنا

تنسيقات PNG أو JPG، حتى 5 ميغابايت

اختر ملفًا أو اسحبه وأفلته هنا

تنسيقات PNG و JPG أو JPEG، حتى 10 ميغابايت

// Photo Upload Functionality const photoUploadZone = document.getElementById('photoUploadZone'); const photoInput = document.getElementById('photoInput'); const photoUploadTitle = document.getElementById('photoUploadTitle'); const photoPreviewContainer = document.getElementById('photoPreviewContainer'); photoUploadZone.addEventListener('dragover', (e) => { e.preventDefault(); photoUploadZone.classList.add('dragover'); }); photoUploadZone.addEventListener('dragleave', (e) => { e.preventDefault(); photoUploadZone.classList.remove('dragover'); }); photoUploadZone.addEventListener('drop', (e) => { e.preventDefault(); photoUploadZone.classList.remove('dragover'); const file = e.dataTransfer.files[0]; if (file) handlePhoto(file); }); photoUploadZone.addEventListener('click', (e) => { if (e.target === photoUploadZone || e.target.classList.contains('upload-title') || e.target.classList.contains('upload-subtitle') || e.target.classList.contains('photo-placeholder') || e.target.closest('.photo-placeholder')) { photoInput.click(); } }); photoInput.addEventListener('change', (e) => { const file = e.target.files[0]; if (file) handlePhoto(file); }); function handlePhoto(file) { const allowedTypes = ['image/png', 'image/jpeg', 'image/jpg']; const maxSize = 5 * 1024 * 1024; // 5MB if (!allowedTypes.includes(file.type)) { alert('يرجى اختيار صورة بتنسيق PNG أو JPG'); return; } if (file.size > maxSize) { alert('حجم الصورة يجب أن لا يتجاوز 5 ميغابايت'); return; } const reader = new FileReader(); reader.onload = function(e) { photoPreviewContainer.innerHTML = `
معاينة الصورة
`; photoUploadTitle.textContent = 'انقر لتغيير الصورة'; }; reader.readAsDataURL(file); } function removePhoto(event) { event.stopPropagation(); photoInput.value = ''; photoPreviewContainer.innerHTML = `
`; photoUploadTitle.textContent = 'اختر صورة أو اسحبها وأفلتها هنا'; }