php - 在 HTML5 中拖放多个文件？

Question

我已经有一个可以上传多个文件(HTML、JS、PHP)的系统。

现在，我有一个输入倍数。但我想使用拖放而不更改系统 PHP 使用 $_FILES["uploadfile"] 这可能吗？

HTML

<input type="file" name="uploadfile[]" multiple="" style="position: absolute; margin: -5px 0px 0px -175px; padding: 0px; width: 220px; height: 30px; font-size: 14px; opacity: 0; cursor: pointer; display: none; z-index: 2147483583; top: 83px; left: 333px;">

<div id="dropzone" style="border: 3px solid #DDD; width: 400px; height: 400px;"></div>

PHP

$uploaddir = 'uploads/';

$files = array();
foreach ($_FILES["uploadfile"]["error"] as $key => $error) {
    if ($error == UPLOAD_ERR_OK) {
        $path = $uploaddir . basename($_FILES['uploadfile']['name'][$key]);
        if (move_uploaded_file($_FILES['uploadfile']['tmp_name'][$key], $path)) {
            $files [] = array (
                'title' => $_FILES['uploadfile']['name'][$key],
                'url' => $path,
                'size' => $_FILES['uploadfile']['size'][$key]
            );
        }
    }
}

echo json_encode($files);

Answer 1

看这里，前端非常容易理解，并且可以轻松地适应您的脚本

Source Code实现

Demo查看