파일 업로드 심화

const zone = document.getElementById('drop-zone');

// 드래그 진입/이탈 시 스타일 변경
zone.addEventListener('dragover',  e => { e.preventDefault(); zone.classList.add('drag-over'); });
zone.addEventListener('dragleave', () => zone.classList.remove('drag-over'));

// 파일 드롭 처리
zone.addEventListener('drop', e => {
    e.preventDefault();
    zone.classList.remove('drag-over');
    handleFiles(e.dataTransfer.files); // FileList → 처리
});

function previewImage(file, imgEl) {
    const reader = new FileReader();
    reader.onload = e => { imgEl.src = e.target.result; };
    reader.readAsDataURL(file); // Base64 URL로 읽기
}

// 이미지 파일 여부 확인
const isImage = file.type.startsWith('image/');

function uploadFile(file, progressEl) {
    const xhr  = new XMLHttpRequest();
    const form = new FormData();
    form.append('file', file);
    form.append('csrf_test_name', '75daab59ee12bd1a8fed23f4305e4daa'); // CSRF

    // 진행률 이벤트
    xhr.upload.addEventListener('progress', e => {
        if (e.lengthComputable) {
            const pct = Math.round(e.loaded / e.total * 100);
            progressEl.style.width = pct + '%';
            progressEl.textContent = pct + '%';
        }
    });

    xhr.onload = () => {
        const res = JSON.parse(xhr.responseText);
        if (res.success) {
            // 업로드 완료 처리
        }
    };

    xhr.open('POST', '/examples/fileupload-advanced/upload');
    xhr.send(form);
}

public function upload(): Response
{
    $file = $this->request->getFile('file');

    if (! $file || ! $file->isValid()) {
        return $this->response->setStatusCode(400)
            ->setJSON(['error' => $file->getErrorString()]);
    }

    // 크기·확장자 검증
    if ($file->getSize() > 5 * 1024 * 1024) {
        return $this->response->setStatusCode(400)
            ->setJSON(['error' => '5MB 초과']);
    }

    $newName = $file->getRandomName();
    $file->move(WRITEPATH . 'uploads/advanced/', $newName);

    return $this->response->setJSON([
        'success'  => true,
        'name'     => $newName,
        'original' => $file->getClientName(),
        'isImage'  => str_starts_with($file->getMimeType(), 'image/'),
    ]);
}