VDS за 300р от нашего партнера SpaceWeb
[58]
05 Авг 2014, 12:36

JavaScript jQuery как получить xhr.upload.onprogress

Привет!

Начиная с jQuery 1.5 в нем реализован свой объект HttpXmlRequest, который гарантированно содержит все нужные свойства. Но на самом деле не все. Из-за войны браузеров в нем нет свойства upload, которое нужно для получения события прогресса загрузки.

Вопрос в том, как работать с прогрессом из jQuery?

#javascript, #jquery

Комментарии (1)
fullzilla 07.08.2014 16:55

Можно переопределить объект HttpXmlRequest, указать, что бы jQuery работал с вашей версией. Делается очень просто:

var fileInput = $('#my_file_input').get(0);

var sendData = new FormData();
sendData.append('image', fileInput.files[0]);

$.ajax({
async: true,
crossDomain: false,
cache: false,
type: "POST",
url: '/ajax/file/upload/',
data: sendData,
dataType: "json",
contentType: false,
processData: false,
context: this,
xhr : function()
{
var request = $.ajaxSettings.xhr();

requst.upload.onprogress = function(event) {
if(event.lengthComputable) {
var progress = Math.floor((event.loaded / event.total) * 100);
console.log(progress);
}
}

return request;
},
success : function(json)
{
console.log('Finish');
},
error: function(server)
{
console.log('Error');
}
});
+1

Добавить комментарий

Войдите, чтобы написать о чем-нибудь...
Вход Регистрация
Web.onRails
Здесь вы можете спросить или написать обо всём, что касается Веб-разработки.
написать о чем-нибудь...
Метки:
Лучшее
[4]
10 Окт 2018, 15:33
Как запретить просмотр сайта по IP?
[просмотров 5566]
[118]
21 Июл 2011, 14:04
Python Imaging Library (PIL)
[просмотров 3846]
[52]
16 Окт 2011, 15:38
Вывести все элементы POST
[просмотров 3694]
[74]
31 мая 2011, 11:48
Python проверка существования переменной
[просмотров 3314]
[315]
16 Июл 2011, 20:03
Python работа с MySQL
[просмотров 3146]
[1]
13 Фев 2019, 14:23
Как получить значение CSS в javascript
[просмотров 3044]
[58]
29 мая 2012, 12:08
Узнать версию PHP из командной строки
[просмотров 2968]
[100]
19 Дек 2014, 16:16
User-agent для Internet Explorer 11
[просмотров 2638]

Вести с Хабра