Wizard Upload
Multi-step wizard with file upload as one step. Files upload before proceeding to the next step.
What you should see: uploads happen as one step of a wizard, and the step only advances once every file has finished — driven by the queue-complete callback.
1
2
3
Step 1: Basic Information
Step 2: Upload Files
Drag & drop files here, or paste from clipboard
Step 3: Review & Submit
All files uploaded. Review and submit your project.
<core-upload id="wizardUploader"
asp-upload-url="/api/upload/upload"
asp-multiple="true"
asp-progress="true"
asp-auto-upload="true"
asp-drop-zone="true"
asp-on-task-complete="onWizardUploadsComplete">
</core-upload>
<script>
function onWizardUploadsComplete(files) {
// Enable the "Next" button after uploads finish
document.getElementById('btn-step-3').disabled = false;
}
</script>