Стала задача найти скрипт для загрузки нескольких файлов одновременно и интегрировать это решение с фреймворком CodeIgniter 2.
Требования:
- выбор и загрузка нескольких файлов одновременно;
- возможность перетаскивания (drag-and-drop) файлов;
- возможность отменить загрузку в любой момент;
- независимость от внешних фреймворков/библиотек;
- работа без использования flash (!);
- работоспособность под https;
- поддержка клавиатуры;
- прогресс-бар загрузки;
- кроссбраузерность.
Скриптов для загрузки в сети оказалась масса, но большая часть не отвечала перечисленным выше требованиям. Выбор пал на: http://valums.com/ajax-upload/
На этом же сайте можно найти демо-версию а также краткую инструкцию по настроке.
Я же остановлюсь на том как интегрировать этот загрузчить с CodeIgniter 2. Что признаться потребовало небольших усилий.
Этап 1 . Скачиваем с официального сайта архив, далее копируем clientfileuploader.js в директорию со скриптами, clientfileuploader.css в директорию с CSS, clientupload_loading.gif в директорию с изображениями соответственно.
Подключаем файл стилей и файл со скриптом в представлении upload_view
... ...
Please enable JavaScript to use file uploader.
function createUploader() { var uploader = new qq.FileUploader({ element: document.getElementById("file-uploader"), action: "/manuals/do_upload", multiple: true, debug: true }); } // in your app create uploader as soon as the DOM is ready // don"t wait for the window to load window.onload = createUploader; ...- element — блок в в который будет помещен код загрузчика;
- action — обработчик;
- multiple — выбор нескольких файлов (true/false);
- debug — режим отладки (trur/false).
Этап 2 . Правка контроллера:
Public function upload() { $data = array(); $this->load->view("upload_view", $data); } /** * Обработчик загрузки файлов * */ public function do_upload() { // Список поддерживаемых расширений, ex. array("jpeg", "xml", "bmp") $allowedExtensions = array("jpg", "png", "gif"); // Максимально допустимый размер файла, в байтах $sizeLimit = 3 * 1024 * 1024; // библиотека в которой будет храниться код обработчика $this->load->library("qqfileuploader", array($allowedExtensions, $sizeLimit)); // результат работы "success" => "true" при успешной загрузке $result = $this->qqfileuploader->handleUpload("upload/"); echo htmlspecialchars(json_encode($result), ENT_NOQUOTES); }
Этап 3 . Код самой библиотеки qqfileuploader которую мы подключаем в контроллере:
/** * Handle file uploads via XMLHttpRequest */ class qqUploadedFileXhr { /** * Save the file to the specified path * @return boolean TRUE on success */ public function save($path) { // Читаем из потока во временный файл, // проверяем размер файла, если все норм // записываем в файл $path и возвращаем true $input = fopen("php://input", "r"); $temp = tmpfile(); $realSize = stream_copy_to_stream($input, $temp); fclose($input); if ($realSize != $this->getSize()){ return false; } $target = fopen($path, "w"); fseek($temp, 0, SEEK_SET); stream_copy_to_stream($temp, $target); fclose($target); return true; } function getName() { return $_GET["qqfile"]; } function getSize() { if (isset($_SERVER["CONTENT_LENGTH"])){ return (int)$_SERVER["CONTENT_LENGTH"]; } else { throw new Exception("Getting content length is not supported."); } } } /** * Handle file uploads via regular form post (uses the $_FILES array) */ class qqUploadedFileForm { /** * Save the file to the specified path * @return boolean TRUE on success */ function save($path) { if(!move_uploaded_file($_FILES["qqfile"]["tmp_name"], $path)){ return false; } return true; } function getName() { return $_FILES["qqfile"]["name"]; } function getSize() { return $_FILES["qqfile"]["size"]; } } class Qqfileuploader { private $allowedExtensions = array(); private $sizeLimit = 10485760; private $file; function __construct(array $params = array()) { $allowedExtensions = $params; $sizeLimit = $params; $allowedExtensions = array_map("strtolower", $allowedExtensions); $this->allowedExtensions = $allowedExtensions; $this->sizeLimit = $sizeLimit; // проверка post_max_size и upload_max_filesize со значением $sizeLimit $this->checkServerSettings(); if (isset($_GET["qqfile"])) { $this->file = new qqUploadedFileXhr(); } elseif (isset($_FILES["qqfile"])) { $this->file = new qqUploadedFileForm(); } else { echo "FALSE!"; $this->file = false; } } private function checkServerSettings(){ $postSize = $this->toBytes(ini_get("post_max_size")); $uploadSize = $this->toBytes(ini_get("upload_max_filesize")); if ($postSize < $this->sizeLimit || $uploadSize < $this->sizeLimit){ $size = max(1, $this->sizeLimit / 1024 / 1024) . "M"; die("{"error":"increase post_max_size and upload_max_filesize to $size"}"); } } private function toBytes($str){ $val = trim($str); $last = strtolower($str); switch($last) { case "g": $val *= 1024; case "m": $val *= 1024; case "k": $val *= 1024; } return $val; } /** * Returns array("success"=>true) or array("error"=>"error message") */ function handleUpload($uploadDirectory, $replaceOldFile = FALSE) { if (!is_writable($uploadDirectory)){ return array("error" => "Ошибка сервера. Каталог для загрузки не доступен для записи."); } if (!$this->file){ return array("error" => "Ошибка, файл не был загружен. "); } $size = $this->file->getSize(); if ($size == 0) { return array("error" => "Файл пуст"); } if ($size > $this->sizeLimit) { return array("error" => "Файл слишком велик"); } $pathinfo = pathinfo($this->file->getName()); //$filename = $pathinfo["filename"]; // сохранить имя файла, $filename = md5(uniqid()); // присвоить уникальное имя $ext = $pathinfo["extension"]; // проверка на тип файлов по расширению if($this->allowedExtensions && !in_array(strtolower($ext), $this->allowedExtensions)){ $these = implode(", ", $this->allowedExtensions); return array("error" => "Файл имеет неверное расширение, оно должно быть: ". $these . "."); } if(!$replaceOldFile){ /// don"t overwrite previous files that were uploaded while (file_exists($uploadDirectory . $filename . "." . $ext)) { $filename .= rand(10, 99); } } if ($this->file->save($uploadDirectory . $filename . "." . $ext)){ return array("success" => true); } else { return array("error"=> "Could not save uploaded file." . "The upload was cancelled, or server error encountered"); } } }
Если возникнут проблемы с передачей параметров в скрипт может потребоваться правка самого скрипта, вот небольшая
Вы также можете перетащить на страницу Диска или скопировать любую папку из вашего компьютера в программу Яндекс.Диск, и папка автоматически загрузится на сервер со всем содержимым.
Чтобы загрузить файлы в отдельную папку с помощью мобильного приложения, сначала создайте нужную папку, а затем откройте ее.
Загрузку тех файлов, которые еще не успели загрузиться до конца, можно отменить. Для этого нажмите кнопку Отменить загрузки .
Подробнее о работе программы Яндекс.Диск читайте в разделах Яндекс.Диск 3.0 для Windows , Яндекс.Диск 3.0 для macOS или Консольный клиент для Linux .
Мобильные приложения Яндекс.Диска позволяют загружать как уже имеющиеся на телефоне файлы, так и делать фотографии, сразу сохраняя их на Диск.
Чтобы загружать файлы с телефона или планшета, установите . О том, как загрузить файлы с помощью приложения, см. в разделах для iOS и Android .
Копирование публичных файлов и папок на свой ДискПримечание. Вирусные базы разных антивирусных программ могут отличаться друг от друга. Это значит, что один антивирус может не найти вирусов в файле, а другой антивирус пометит файл вирусным.
Вы можете самостоятельно проверить файл на сервисе Virus Total , где файлы проверяются десятками разных антивирусных систем.
Не загружается файл на серверЕсли в процессе загрузки файла вы получаете сообщение об ошибке, убедитесь, что размер файла не превышает 10 ГБ - максимально возможный размер для отправки через веб-интерфейс. Для загрузки файлов большего размера используйте или подключение по протоколу Доступ к Диску через WebDAV .
Если файл меньше 10 ГБ, причиной ошибки может являться использование прокси-сервера или дополнительного файрвола помимо стандартного брандмауэра операционной системы. В этом случае попробуйте их временно отключить и загрузить файлы снова.
Также можно попробовать отключить антивирус, чтобы исключить его влияние, и после этого проверить, повторяется проблема в каком-либо другом браузере. Скачать другой браузер можно, например, со страницы .
Загрузку нескольких файлов можно реализовать используя, например, различные значения name для тега input .
Также можно одновременно загружать несколько файлов и автоматически получить их в виде массива. Для реализации такой возможности используйте тот же синтаксис массива в HTML-форме, что и для множественных полей select и checkbox:
Файлы:
В случае, если такая форма была отправлена, массивы $_FILES["userfile"] , $_FILES["userfile"]["name"] , и $_FILES["userfile"]["size"] будут инициализированы. Если включена конфигурационная директива register_globals , также будут инициализированы сопутствующие глобальные переменные. Каждая из таких переменных будет представлять собой численно-индексированный массив соответствующих значений для отправленных файлов.
Например, предположим, что были загружены файлы /home/test/review.html и /home/test/xwp.out . В таком случае переменная $_FILES["userfile"]["name"] будет установлена значением review.html , а переменная $_FILES["userfile"]["name"] - значением xwp.out . Аналогично, переменная $_FILES["userfile"]["size"] будет содержать размер файла review.html и так далее.
Переменные $_FILES["userfile"]["name"] , $_FILES["userfile"]["tmp_name"] , $_FILES["userfile"]["size"] и $_FILES["userfile"]["type"] также будут инициализированы.
Внимание
Начиная с версии PHP 5.2.12, конфигурационная директива max_file_uploads регулирует лимит одновременно загружаемых файлов в течение одного запроса. Вам необходимо будет убедиться, что ваша форма не пытается загрузить файлов больше этого лимита за один запрос.
14 years ago
When uploading multiple files, the $_FILES variable is created in the form:
Array
=> Array
=> foo.txt
=> bar.txt
)
=> Array
=> text/plain
=> text/plain
)
=> Array
=> /tmp/phpYzdqkD
=> /tmp/phpeEwEWG
)
=> Array
=> 0
=> 0
)
=> Array
=> 123
=> 456
)
I found it made for a little cleaner code if I had the uploaded files array in the form
Array
=> Array
=> foo.txt
=> text/plain
=> /tmp/phpYzdqkD
=> 0
=> 123
)
=> Array
=> bar.txt
=> text/plain
=> /tmp/phpeEwEWG
=> 0
=> 456
)
I wrote a quick function that would convert the $_FILES array to the cleaner (IMHO) array.
Function reArrayFiles (& $file_post ) {
$file_ary
= array();
$file_count
=
count
($file_post
[
"name"
]);
$file_keys
=
array_keys
($file_post
);
For ($i
=
0
;
$i
<
$file_count
;
$i
++) {
foreach ($file_keys
as
$key
) {
$file_ary
[
$i
][
$key
] =
$file_post
[
$key
][
$i
];
}
}
Return
$file_ary
;
}
?>
Now I can do the following:
If ($_FILES
[
"upload"
]) {
$file_ary
=
reArrayFiles
($_FILES
[
"ufile"
]);
Foreach ($file_ary
as
$file
) {
print
"File Name: "
.
$file
[
"name"
];
print
"File Type: "
.
$file
[
"type"
];
print
"File Size: "
.
$file
[
"size"
];
}
}
?>
5 years ago
This is also needed for elements.
So, if you have an input element like this:
This should be written as
else you"ll only be able to get one of the files.
9 years ago
Here is a function to fix the indices of a multi-dimensional for easier parsing when dealing with file uploads. It takes a single $_FILES field array as a parameter and separates each individual uploaded file by numeric key. This allows for iterating like:
Here"s the code:
3 years ago
This is a very simple example:
Document
