[58]
05 Авг 2014, 12:36

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

Привет!

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

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

Комментарии (1)
fullzilla
07 Авг 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');
}
});

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

Войдите, чтобы написать о чем-нибудь...
Вход Регистрация
Web.onRails
Здесь вы можете спросить или написать обо всём, что касается Веб-разработки.
написать о чем-нибудь...
Метки:
Лучшее
[52]
16 Окт 2011, 15:38
Вывести все элементы POST
[просмотров 1208]
[49]
17 Сен 2011, 15:13
FileZilla перетаскивание файлов
[просмотров 1125]
[74]
31 мая 2011, 11:48
Python проверка существования переменной
[просмотров 1087]
[58]
29 мая 2012, 12:08
Узнать версию PHP из командной строки
[просмотров 1082]
[315]
16 Июл 2011, 20:03
Python работа с MySQL
[просмотров 1073]
[2]
26 Июн 2018, 23:10
Как в React сделать поле input file с кнопкой?
[просмотров 991]
[119]
21 Июл 2011, 14:04
Python Imaging Library (PIL)
[просмотров 984]