Загрузка файлов в один клик
Хочу рассказать Вам как реализовать загрузку файла в один клик без перезагрузки страницы.
Для реализации без перезагрузки мы воспользуемся моей любимой библиотекой jQuery, а также плагином к нему, с говорящим названием «One-Click Upload».
Для начала создадим кнопку для загрузки файла(upload1) и блок для отображения статуса(progress1).
<a id="upload1" href="#">Загрузите файл</a>
<span id="progress1"></span>Теперь подключим к странице библиотеки jQuery и One-Click Upload.
После этого займемся настройкой загрузки.
$('#upload1').upload({
name: 'file',
method: 'post',
enctype: 'multipart/form-data',
action: 'upload.php',
onSubmit: function() {
$('#progress1').text('Загрузка файла...');
},
onComplete: function(data) {
$('#progress1').text('Файл успешно загружен!');
}
});Теперь нам нужен обработчик самих файлов на php, вот простейший.
<?php
$uploaddir = '/var/www/uploads/';
$uploadfile = $uploaddir . basename($_FILES['file']['name']);
if (move_uploaded_file($_FILES['file']['tmp_name'], $uploadfile)) {
echo "File is valid, and was successfully uploaded.n";
} else {
echo "Possible file upload attack!n";
}
?>Более расширенную документацию по данному плагину вы можете посмотреть на его страничке, ссылки прилагаются.
Вот и всё. Сегодня как-то кратко получилось, голова жутко болит, доступно хоть написал?
Nice post. I learn one thing tougher on different blogs everyday. It would all the time be stimulating to learn content from different writers and observe a little one thing from their store. I’d favor to use some with the content on my weblog whether you don’t mind. Natually I’ll offer you a hyperlink on your web blog. Thanks for sharing.
Wonderful blog! I found it while browsing on Yahoo News. Do you have any tips on how to get listed in Yahoo News? I’ve been trying for a while but I never seem to get there! Appreciate it