我有一个允许在AJAX中上传文件的表单。它运作良好,我的进度条也是如此。我有两个关于我的代码的问题:
第一:如何使其与IE 10兼容 -
第二:当我离开页面时,有一种方法可以保持进度吗?当时,我的进度条正在完成,但如果我离开并返回页面,则进度条为空。我想保持进度(例如:我的进度条显示30%,我离开并在一段时间后返回页面,现在显示55%)?
我的代码:
$('#submitfile').click(function(event){
event.preventDefault();
var formData = new FormData($('#form-import-file')[0]);
$.ajax({
url: '{{ path('el_go_to_upload_files') }}',
type: 'POST',
xhr: function() {
var myXhr = $.ajaxSettings.xhr();
if(myXhr.upload){
myXhr.upload.addEventListener('progress',progressHandlingFunction, false); // For handling the progress of the upload
}
return myXhr;
},
beforeSend: beforeSendHandler,
success: completeHandler,
error: errorHandler,
// Form data
data: formData,
//Options to tell jQuery not to process data or worry about content-type.
cache: false,
contentType: false,
processData: false
}
});
// My progress handler
function progressHandlingFunction(e){
if(e.lengthComputable){
$('progress').attr({value:e.loaded,max:e.total});
}
}