Динамическая загрузка файлов

[Samsam]

Динамическая загрузка файлов

<input onchange="uploadFile()" type='file' id='upload'>

function uploadFile() {
	var data = new FormData(); //New FormData
	data.append('file', $("#upload").prop('files')[0]);

	$.ajax({ 
			url: 'upload.php', 
			type: 'POST',
			data: data,
			processData: false, 
			contentType: false,
			success: function(respond){
				alert('ok');
				}
		});
	}

Очень долго передаёт данные файла. Хотя я даже не загружаю их. а просто хочу передать данные. Как это исправить ?

[Samsam]

да чего то затормозил )) .. для получения данных он всё равно предварительно загружает на сервер, верно ?

а вот ещё один момент.

...
xhr: function(){

var xhr = $.ajaxSettings.xhr(); // получаем объект XMLHttpRequest
xhr.upload.addEventListener('progress', function(e){
...
}
});
Почему e.loaded показывает загрузку файла намного быстрее чем на самом деле ?

[Samsam]

файл ещё не загрузился а e.loaded выдаёт что загрузилось

[Samsam]

$.ajax({ 
			url: 'upload.php', 
			type: 'POST',
			data: data,
			processData: false, 
			contentType: false,
		 	xhr: function(){
				var xhr =  new XMLHttpRequest(); 
				xhr.upload.addEventListener('progress', function(evt){
				  if(evt.lengthComputable) { 
					var percentComplete = Math.ceil(evt.loaded / evt.total * 100 );
					$("#progress").css('width', percentComplete+'%');
				  }
				}, false);
				return xhr;
			}, 
			
			success: function(respond){
				alert('ВОТ ЗДЕСЬ Я ПОНИМАЮ ЧТО ФАЙЛ ЗАГРУЗИЛСЯ');
				}
		});

но прогресс бар быстрее заполняется

[Samsam]

прогресс бар заполняется здесь ->> $("#progress").css('width', percentComplete+'%');


выполняется после удачной загрузки, ->> alert();

но прогресс бар заполнятся за 2-3 секунды хотя я загружаю 100мб . ну а alert() выходит уже после удачной загрузки

[Samsam]

Нет не локалка

а за сколько надо по сети же не передается?

. что не передаётся ?

[Samsam]

да пустой

[Samsam]

Да это так. Но вопрос всё же в силе.

А вообще как именно работает эта функция ?

var xhr = new XMLHttpRequest();
xhr.upload.addEventListener('progress', ....

[Samsam]

https://learn.javascript.ru/xhr-onprogress

Там внизу есть пример. Попробуйте выбрать и загрузить файл побольше.
то уведите что индексация прогресса за пару секунд закончится. хотя понятно что за это время файл не загрузится

[Samsam]

там нет ограничений