Compact Drop Bar

The same drop zone as a one-line strip, sized to sit beside other form fields rather than dominate the page. Only the modifier class changes.

Allowed file types: jpg, gif, png, zip. Maximum file size: 10 MB.

upl-dropzone--compactMultipleFilesUploadMaxSizeKB

Live demo

Attach files

Drop them here, or click to browse

Try it: the strip behaves exactly like the large zone — drop, click or paste — it just takes one line of vertical space.

dropzone-compact.php

<?php
    require_once "phpuploader/include_phpuploader.php";

    $uploader = new PhpUploader();
    $uploader->Name = "myuploader";
    $uploader->MultipleFilesUpload = true;
    $uploader->MaxSizeKB = 10240;
    $uploader->AllowedFileExtensions = "jpeg,jpg,gif,png,zip";
    $uploader->Render();
?>

<div class="upl-dropzone upl-dropzone--compact" data-uploader="myuploader">
    <p class="upl-dropzone__title">Attach files</p>
</div>
<link rel="stylesheet" href="/css/uploader-dropzone.css">
<script src="/js/uploader-dropzone.js"></script>

Guide Uploading multiple files in PHP

How the $_FILES array is shaped and how to process a batch safely.

Reference API documentation

Every property and server-side event the component exposes.

Get started Download the trial

The evaluation build ships with these samples and full source.

Examples

Compact Drop Bar