Я использую индикатор выполнения файла для загрузки файла.этот индикатор работает в Firefox, но он не работает в Chrome, когда я загружал файл.в chrome fileProgress это не происходит на сервере, но работает локально.
$("#upload-file").change(function () {
if (this.files && this.files[0]) {
var formData = new FormData();
formData.append('file', this.files[0]);
$.ajax({
url: serverUrl,
data: formData,
type: 'POST',
headers: { 'ApiKey': checkCookie() },
xhr: function () {
//var myXhr = $.ajaxSettings.xhr();
var myXhr = new XMLHttpRequest();
if (myXhr.upload) {
myXhr.upload.addEventListener('progress',fileProgress, false);
}
return myXhr;
},
contentType: false,
processData: false,
success: function (data) {
console.log('Success File Upload');
}
});
}
});
function fileProgress(e) {
if (e.lengthComputable) {
var max = e.total;
var current = e.loaded;
var Percentage = (current * 100) / max;
$("#upload-file-progress").css("width", Percentage + "%");
}
}