Доработка скрипта загрузки Ajax

**akrustam** · 03.11.2012 22:09

Ты какого размера загружал файлы? Учитывай, что у сервера стоит ограничение. 0.2 GB может и не закачаться.

**cOAPerator** · 04.11.2012 03:25

akrustam, да я в курсе про ограничение. я и 100 мб пробовал и 20 кб размером. суть то как раз в том что сами файлы загружаются нормально. просто сообщение выдается что файл не заружен. а должно выдаваться что загружен я про это и писал в предыдущем посте.

**cOAPerator** · 04.11.2012 12:04

В общем посчитал все это больно мудреным.
сделал вот так:

обработчик

PHP код:

 <? 

foreach($_FILES as $file) { 

$name = $file['name']; 

$size = $file['size']; 

}

 
$uploaddir = DOC_ROOT."/uploads/";

$uploadfile = $uploaddir.basename($_FILES['uploadfile']['name']);

$uploadfile_temp = ($_FILES['uploadfile']['tmp_name']);

$size = round($size/1024);;

 
if(!copy($uploadfile_temp, $uploadfile)){

echo "не удалось скопировать<br>$id";

}

else { echo "файл успешно загружен ($name $size Kb) ";}

 
?>

[свернуть]

форма

Код HTML:

<!doctype html> <head> <title>File Upload Progress Demo #1</title> <style>
body { padding: 30px }
form { display: block; width: 50%; margin: 20px auto; background: #eee; border-radius: 10px; padding: 15px; }
.progress { position:relative; width: 92%; margin: 0 10px 10px 0; border: 1px solid #ddd; padding: 1px; border-radius: 3px; float: left;}
.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.percent { display:inline-block; top:3px; left:10%; }
.status { margin: 10px 0 0;  }
</style> </head> <body> <form action="files.php" method="post" enctype="multipart/form-data"> <div class="progress"> <div class="bar"></div > </div> <div class="percent">0%</div ><div style="clear: both;"></div> <input type="file" name="uploadfile"> <input type="submit" value="Загрузить"> <div class="status"></div> </form> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> <script src="http://malsup.github.com/jquery.form.js"></script> <script>
(function() {
    
var bar = $('.bar');
var percent = $('.percent');
var status = $('.status');
   
$('form').ajaxForm({
    beforeSend: function() {
        status.empty();
        var percentVal = '0%';
        bar.width(percentVal)
        percent.html(percentVal);
    },
    uploadProgress: function(event, position, total, percentComplete) {
        var percentVal = percentComplete + '%';
        bar.width(percentVal)
        percent.html(percentVal);
    },
	complete: function(xhr) {
		status.html(xhr.responseText);
	}
}); 

})();       
</script>

[свернуть]

если кому пригодится вот ссылка на оригинал скрипта загрузки _http://jquery.malsup.com/form/

PS: akrustam, спасибо за попытку помочь :)

**akrustam** · 04.11.2012 13:48

Слушай. Я сделал и работает. Давай кидай урлу в ЛС, посмотрю.

	03.11.2012 22:09 #11
akrustam Гуру Регистрация: 21.05.2010 Сообщений: 1,161 Репутация: 285 Webmoney BL: ?	Ты какого размера загружал файлы? Учитывай, что у сервера стоит ограничение. 0.2 GB может и не закачаться.
0 akrustam

	04.11.2012 03:25 #12
cOAPerator [web-developer] Регистрация: 22.02.2011 Сообщений: 615 Репутация: 111 Webmoney BL: ?	akrustam, да я в курсе про ограничение. я и 100 мб пробовал и 20 кб размером. суть то как раз в том что сами файлы загружаются нормально. просто сообщение выдается что файл не заружен. а должно выдаваться что загружен я про это и писал в предыдущем посте.
0 cOAPerator

	04.11.2012 12:04 #13
cOAPerator [web-developer] Регистрация: 22.02.2011 Сообщений: 615 Репутация: 111 Webmoney BL: ?	В общем посчитал все это больно мудреным. сделал вот так: обработчик PHP код: `<? foreach($_FILES as $file) { $name = $file['name']; $size = $file['size']; } $uploaddir = DOC_ROOT."/uploads/"; $uploadfile = $uploaddir.basename($_FILES['uploadfile']['name']); $uploadfile_temp = ($_FILES['uploadfile']['tmp_name']); $size = round($size/1024);; if(!copy($uploadfile_temp, $uploadfile)){ echo "не удалось скопировать<br>$id"; } else { echo "файл успешно загружен ($name $size Kb) ";} ?>` [свернуть] форма Код HTML: <!doctype html> <head> <title>File Upload Progress Demo #1</title> <style> body { padding: 30px } form { display: block; width: 50%; margin: 20px auto; background: #eee; border-radius: 10px; padding: 15px; } .progress { position:relative; width: 92%; margin: 0 10px 10px 0; border: 1px solid #ddd; padding: 1px; border-radius: 3px; float: left;} .bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; } .percent { display:inline-block; top:3px; left:10%; } .status { margin: 10px 0 0; } </style> </head> <body> <form action="files.php" method="post" enctype="multipart/form-data"> <div class="progress"> <div class="bar"></div > </div> <div class="percent">0%</div ><div style="clear: both;"></div> <input type="file" name="uploadfile"> <input type="submit" value="Загрузить"> <div class="status"></div> </form> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> <script src="http://malsup.github.com/jquery.form.js"></script> <script> (function() { var bar = $('.bar'); var percent = $('.percent'); var status = $('.status'); $('form').ajaxForm({ beforeSend: function() { status.empty(); var percentVal = '0%'; bar.width(percentVal) percent.html(percentVal); }, uploadProgress: function(event, position, total, percentComplete) { var percentVal = percentComplete + '%'; bar.width(percentVal) percent.html(percentVal); }, complete: function(xhr) { status.html(xhr.responseText); } }); })(); </script> [свернуть] если кому пригодится вот ссылка на оригинал скрипта загрузки _http://jquery.malsup.com/form/ PS: akrustam, спасибо за попытку помочь :) Последний раз редактировалось cOAPerator; 04.11.2012 в 12:09. Мегахаб ~~~ Написание скриптов на заказ
0 cOAPerator

	04.11.2012 13:48 #14
akrustam Гуру Регистрация: 21.05.2010 Сообщений: 1,161 Репутация: 285 Webmoney BL: ?	Слушай. Я сделал и работает. Давай кидай урлу в ЛС, посмотрю.
0 akrustam

Темы	Раздел	Ответов	Последний пост
Доработка шаблона Speechless	WordPress	6	06.10.2012 11:30
Доработка сайта на joomla	Создание сайтов	8	05.04.2012 01:09
Доработка сайта на Joomla	Создание сайтов	2	30.12.2011 05:42
Доработка шаблона на Wordpress	Создание сайтов	1	26.11.2011 15:09

Доработка скрипта загрузки Ajax

Опции темы

обработчик

форма

Тэги топика:

Похожие темы

Доработка шаблона Speechless

Доработка сайта на joomla

Доработка сайта на Joomla

Доработка шаблона на Wordpress

Тем:

Сообщений:

Пользователей:

Сейчас на сайте:

Вход

Сайт

Разделы

Прочее

Следите за нами

Витрина ссылок

У нас проходит

У кого попросить инвайт?

Золотые темы форума

Последние новости

Популярные темы

Информеры