2010-07-14 3 views
0

Можно ли сделать продвижение по загрузке только с помощью javascript? (Возможно, с некоторыми Ajax на стороне сервера код)Загрузить прогресс только с помощью javascript

Имея форму, такую ​​как

<form method="post" action="upload.html" enctype="multipart/form-data"> 
<p>Select file to upload: <input type="file" name="selected_file"></p> 
<p><input type="submit" value="Upload the file"></p> 
<div id="progress"></div> 
</form> 

Я хочу, чтобы отобразить вещи, как прогресс загрузки, скорость, общий размер.

Мне не нужны инструменты для этого, я хочу понять, как это делается без вспышки, и с нуля.

Подобные вопросы (ни один с нуля):

+0

Возможный дубликат [Загрузить прогресс с использованием чистого PHP/AJAX?] (Http://stackoverflow.com/questions/653063/upload-progress-using-pure-php-ajax) –

+0

Просто краткая идея о том, как это сделать и где я мог бы искать ресурсы, было бы достаточно. Мне просто интересно. – BrunoLM

ответ

1

теперь я вижу, что вы имеете в виду под "с нуля". Я не знаю, как это сделать, что не требует какой-либо поддержки на стороне сервера.

Если у вас есть доступ к PHP 5.2 и установить дополнительные модули, я думаю, что это ближайший вы получите относительно шаг за шагом процесс:

What's new in PHP V5.2, Part 5: Tracking file upload progress

Это требует APC, но, как Я сказал, что нет «чистого» решения PHP/Ajax, насколько я знаю.

This question содержит ряд дополнительных интересных ресурсов.

2

HTML5 - ваш друг. В частности, вы должны прочитать Спецификации API для файлов HTML5 (w3.org/TR/FileAPI/). Вкратце, это делается с помощью интерфейса FileReader. Googling может предложить прочитать такой, как этот, на matlus.com/2010/09/html5-file-upload-with-progress/. Кроме того, существуют некоторые ограничения API atm, и вы можете узнать о них из hacks.mozilla.org/2010/06/html5-adoption-stories-box-net-and-html5-drag-and-drop/.

Смежные вопросы